Petrol Station color palette — #F0F6FA · #D7D9E0 · #BCBDCA · #2A7EA1 · #3C4A53

Cerulean and Charcoal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#D7D9E0): bright and airy, almost weightless.
• Ash (#BCBDCA): soft and architectural.
• Cerulean (#2A7EA1): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#3C4A53): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Petrol Harbor color palette (#ECF3F7, #D6D7E3, #C0BACD, #318099, #262D32)
• Weathered Indigo Meadow color palette (#F1F5FF, #DED6E5, #B8B9D8, #6558BB, #3A3F4E)
• Antique Parlor color palette (#ECF8F7, #87BABD, #338372, #186666, #1F4A4C)
• Abyss Chapel color palette (#E3EAF0, #9CABBB, #708099, #003B5C, #051522)
• Weathered Balcony color palette (#F1F5FF, #B1B5CF, #8782A7, #745C72, #5D4555)
• Feathered Iris Chapel color palette (#EEF6FF, #B5E4FF, #8EC0FF, #7482F4, #253A55)
• Chalky Mulberry Basin color palette (#FEF0FF, #739ACC, #5B63A5, #792E58, #2A3E5B)
• Navy Lantern color palette (#DBDFE9, #9499AA, #6B6F86, #1C0082, #040916)

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