Petrol Station color palette — #E9F1EB · #91B7CE · #136FA3 · #004F53 · #0F2E54

A conversation between Peacock and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#E9F1EB): a clean, paper-quiet neutral.
• Ash (#91B7CE): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#136FA3): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#0F2E54): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Cobalt Harbor color palette (#EEF8F0, #B0C8DC, #3D7BBD, #005E6B, #2A395E)
• Feathered Sapphire Archive color palette (#F1E5EB, #91BAD1, #006BC4, #004D40, #120D38)
• Pale Periwinkle Basin color palette (#F5EDE1, #99DEFB, #50ADEC, #009097, #182E4C)
• Timeworn Courtyard color palette (#DEE9E0, #4A9DAB, #005269, #00302C, #001625)
• Dusty Field color palette (#F1F7F2, #D7DDEF, #7A9DBE, #227C87, #44546A)
• Bronze Bloom color palette (#EED6E2, #BC632B, #0073A1, #753300, #002D42)
• Ancient Delta color palette (#E8F1E9, #5586AB, #003880, #002129, #04002D)
• Wandering Aubergine color palette (#FFE8F2, #A15400, #006E5D, #5C24A4, #331700)

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