Petrol Station color palette — #F0F6FB · #DCDAE4 · #CBBBCE · #4A7A9B · #404950

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#DCDAE4): bright and airy, almost weightless.
• Stone (#CBBBCE): A luminous, dusty pink — the color of peonies in June.
• Slate (#4A7A9B): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#404950): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Ancient Garden color palette (#EBF4F2, #E0D0CC, #C8B5B5, #587899, #242F2C)
• Aged Lagoon color palette (#E0FAFF, #98B5CF, #8C77A2, #397073, #325364)
• Hushed Canyon color palette (#F3F4FE, #E6D4E3, #CBB2CE, #7452B7, #3D3F4C)
• Wandering Cabin color palette (#DFE6EE, #A4A8BA, #947293, #003868, #061524)
• Tempered Olive Courtyard color palette (#FCF2F7, #95BAA0, #677C3E, #585575, #34483A)
• Tempered Station color palette (#DBE5F7, #5767C5, #332C4C, #191F2C, #0B0D12)
• Antique Aubergine color palette (#EDEEF6, #CFC9D7, #B296B0, #624483, #2C2C39)
• Ultramarine Cabin color palette (#EFF6FF, #CED1E8, #AE9EC4, #184ACA, #263347)

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