Petrol Station color palette — #F7EAF3 · #8DB9CB · #006FA3 · #005237 · #1B2A58
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Blush (#F7EAF3): a clean, paper-quiet neutral.
- Ash (#8DB9CB): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006FA3): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005237): A deep, shadowed, balanced teal — the color of glacier melt.
- Navy (#1B2A58): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Cobalt Study color palette (#FBF2F7, #A0CCE5, #4F7BAA, #006150, #34365C)
- Ancient Petrol color palette (#EDE8E0, #99BEA4, #007697, #004C46, #001829)
- Soft Coast color palette (#F8E8EE, #6CA7C4, #2054A2, #003F38, #1F104D)
- Worn Lilac Ridge color palette (#E1F5FF, #A6CAF5, #AE88D1, #0A694A, #0F3A4F)
- Dusty Lagoon color palette (#D5E9DC, #00A592, #006A74, #004862, #0F2B65)
- Muted Summit color palette (#BAE9FF, #25A3DB, #005D7F, #002F43, #001924)
- Spruce Terrace color palette (#F2E6F2, #4A9F9D, #005267, #00330A, #00142B)
- Tempered Summit color palette (#C4EBF9, #007793, #9D3A00, #633F00, #00242E)
Browse the whole catalog at Explore, or see today's palette.