Petrol Station color palette — #EEF7F7 · #C4E0F9 · #5F8FBC · #166C88 · #324965
Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#EEF7F7): a clean, paper-quiet neutral.
- Powder Blue (#C4E0F9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate Blue (#5F8FBC): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#166C88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#324965): 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
- Cerulean Veranda color palette (#F7EFF3, #C8E0F3, #718EC0, #006B73, #212A49)
- Ancient Mallow color palette (#EFF6FF, #D9D7E5, #DCB7E3, #5A84A4, #3C4C64)
- Cobalt Quarry color palette (#B3EBFF, #65BFE7, #0784B8, #0F6091, #2A4664)
- Softworn Violet Studio color palette (#EEF6FF, #5A8BC7, #9A62A7, #007972, #28394D)
- Hushed Denim Dune color palette (#D5EBE7, #67ABB4, #006273, #003E3D, #00242F)
- Weathered Pier color palette (#EEF6FF, #91B9ED, #4F76B1, #1E4676, #0C2F57)
- Timeworn Veranda color palette (#CFE7E4, #50899E, #00425B, #002226, #000A15)
- Lagoon Coast color palette (#FAF4EE, #C0E7EB, #82A5E1, #008B94, #5C3C50)
Browse the whole catalog at Explore, or see today's palette.