Petrol Station color palette — #EDF0E7 · #94BBAE · #106AB4 · #004C65 · #0F2C58

Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Cream (#EDF0E7): bright and airy, almost weightless.
• Ash (#94BBAE): A luminous, dusty teal — the color of shallow lagoons.
• Royal Blue (#106AB4): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004C65): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#0F2C58): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. 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

• Sapphire Veranda color palette (#F1E7DE, #8CC0AF, #3864C6, #004A51, #140E34)
• Wandering Market color palette (#EFF0E3, #9DBAA0, #007683, #00504A, #00343F)
• Hushed Loft color palette (#F5F7E7, #B4D9BE, #008EA9, #006667, #00475C)
• Sunlit Archive color palette (#F9EAEF, #A6C9E7, #5282E4, #006A74, #2B284D)
• Washed Periwinkle Garden color palette (#E2F2F2, #AAD9FF, #6CA9E9, #2689B0, #192E4D)
• Denim Field color palette (#EEF1E5, #6198AE, #005070, #002F36, #001626)
• Petrol Pier color palette (#F4F6F0, #C7E5EA, #7D9BC3, #2177A0, #62495F)
• Timeworn Olive color palette (#EEEACE, #5E7600, #006D68, #753B00, #1A2300)

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