Petrol Station color palette — #D9EEED · #9BB7D2 · #416CA5 · #004763 · #02103D
Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D9EEED): A whisper-light, dusty teal — the color of shallow lagoons.
- Ash (#9BB7D2): A luminous, dusty blue — the color of deep harbor water.
- Slate (#416CA5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004763): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#02103D): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Ancient Basin color palette (#E0ECEA, #8EBBCC, #00788B, #004B49, #001922)
- Sapphire Courtyard color palette (#F7ECE1, #94BBB0, #4961B5, #004E59, #2F2258)
- Lilac Dune color palette (#E1EDFF, #B9BFF0, #A18DCE, #386396, #11183A)
- Washed Cornflower Harbor color palette (#EDF0E6, #9CD1C3, #3F87DF, #00668C, #152B59)
- Worn Denim color palette (#CFEAE8, #5B92AE, #004E76, #002A34, #00040D)
- Navy Thicket color palette (#D9E4F9, #6C90E6, #2450AE, #001372, #000028)
- Powdered Sapphire color palette (#E2EEFF, #1A62D8, #8C3090, #005858, #000824)
- Worn Plum Boulevard color palette (#D5E8FF, #1A80E0, #AF3278, #004684, #280016)
Browse the whole catalog at Explore, or see today's palette.