Petrol Station color palette — #FEF0FA · #DDC085 · #606DA8 · #54384D · #281E25

Built around Slate, softened by Sand — the whole palette hums with optimism and creativity.

The five colors

• Blush (#FEF0FA): a clean, paper-quiet neutral.
• Sand (#DDC085): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#606DA8): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#54384D): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#281E25): quiet, heavy and certain.

Feels like: Optimism, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Petrol Station into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Patina Petrol color palette (#EAF9F1, #DDC085, #007D9F, #10495C, #19251F)
• Weathered Cobalt Loft color palette (#F0F5FF, #F8D7CB, #6872A9, #2B3853, #090F1C)
• Iris Cabin color palette (#F0F5FF, #E2D796, #8092C9, #556186, #1C222C)
• Mustard Coast color palette (#FDF1FC, #B4B45B, #34517F, #3A2639, #23161A)
• Soft Plum color palette (#FFF1F3, #E1B34A, #9B399B, #572157, #2B1217)
• Patina Ash color palette (#FAF3F5, #E5D8D4, #D6BEB0, #9C82B4, #4F4448)
• Chalky Alley color palette (#FCF2F7, #C0BCF9, #D16984, #7C71CC, #321E1A)
• Softworn Coast color palette (#FEF1F9, #9196E2, #C37F00, #60783E, #402B39)

Browse the whole catalog at Explore, or see today's palette.