Petrol Station color palette — #CAECF0 · #007C92 · #004B63 · #00253D · #000C24
Built around Teal, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#CAECF0): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007C92): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004B63): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#00253D): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000C24): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Midnight Lagoon color palette (#CBE6E5, #006774, #00394C, #001930, #030029)
- Cypress Balcony color palette (#E4F5E9, #007A59, #004F44, #00302F, #00090B)
- Ancient Petrol color palette (#DDF1E9, #0071A2, #814800, #003D59, #0D0400)
- Cobalt Veranda color palette (#D2E4FA, #007CD9, #004486, #001D39, #000206)
- Iris Studio color palette (#DEF0FF, #87A2E2, #8D72C7, #005163, #000525)
- Weathered Atelier color palette (#C6E8FC, #0069B0, #0030AC, #1E0F75, #0D0031)
- Worn Cobalt Courtyard color palette (#CFE4EE, #05A5F4, #0073CE, #2B4694, #282B57)
- Softworn Basin color palette (#D8EDFF, #005D92, #900042, #334400, #000205)
Browse the whole catalog at Explore, or see today's palette.