Petrol Station color palette — #F0F6FA · #D6D9E2 · #9EB7CE · #246D84 · #323C42

Built around Peacock, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#D6D9E2): a clean, paper-quiet neutral.
• Ash (#9EB7CE): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#246D84): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#323C42): quiet, heavy and certain.

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

• Wandering Petrol Market color palette (#EBF3F8, #D2D5E3, #AEB7C9, #117181, #142329)
• Wandering Courtyard color palette (#F0F7F2, #CCDDDF, #D1BCBF, #4C8B98, #313E35)
• Dusty Indigo color palette (#F3F4FE, #E2D5E8, #BCB8D4, #7457A9, #3C3E4E)
• Ancient Abyss Garden color palette (#DDE4E9, #AEBBC6, #7A90AB, #004B67, #13212B)
• Antique Canyon color palette (#D8E8FF, #919FC6, #7B6A96, #604B66, #57303C)
• Hushed Ultramarine color palette (#EFF6FF, #CBD3E3, #A3A1CC, #204BC8, #293344)
• Wandering Meadow color palette (#E4FBF8, #75A988, #007555, #00584F, #173C3C)
• Aubergine Hollow color palette (#EDEEF5, #CCCAD8, #A39CB4, #673F85, #2C2C39)

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