Petrol Station color palette — #E3F8EF · #5DA7C7 · #66629F · #464B00 · #0B243C
Slate takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#E3F8EF): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#5DA7C7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#66629F): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Olive (#464B00): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Midnight (#0B243C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged retro, 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
- Forest Boulevard color palette (#E6F6F2, #90AED4, #886B98, #305F2A, #232C40)
- Worn Mulberry Boulevard color palette (#E4F5FC, #3B9DA8, #894A81, #4B4100, #002422)
- Dusty Balcony color palette (#FFECF4, #5AADA3, #34719D, #6C3600, #002734)
- Antique Harbor color palette (#FEF0FF, #7595DF, #675BAE, #74374D, #333D51)
- Feathered Sky Garden color palette (#FBF5E1, #5CBEEB, #847AC5, #676810, #473748)
- Quiet Mulberry color palette (#D3FDEF, #7E85E8, #992E85, #004A34, #240C40)
- Timeworn Dune color palette (#F9EFF3, #C8E0F4, #738DC0, #006B74, #29274A)
- Grape Ridge color palette (#D4E4CC, #0086CD, #681BB1, #233900, #00083E)
Browse the whole catalog at Explore, or see today's palette.