Petrol Pier color palette — #CDE6E4 · #6FAACA · #006DA3 · #004857 · #00152A
A conversation between Peacock and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Silver (#CDE6E4): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#6FAACA): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006DA3): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004857): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00152A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Pier 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
- Dusty Hollow color palette (#DFF1EC, #6CB0AB, #007578, #004B3E, #00181B)
- Dusty Ridge color palette (#DFF4F3, #89B6E3, #3B73C5, #005477, #0B1A49)
- Petrol Drift color palette (#EDF0E4, #87BFDD, #006EA3, #003C49, #000308)
- Petrol Delta color palette (#CCE7EF, #0082A0, #005B79, #003B56, #00182A)
- Timeworn Navy color palette (#F3E6EC, #6597B1, #00488E, #003030, #0D0541)
- Ancient Petrol Alley color palette (#EBF8F8, #BCD8EF, #669BC9, #007796, #223C5B)
- Plum Veranda color palette (#D9EFFF, #007FBC, #AC0993, #004A70, #21001B)
- Soft Cornflower color palette (#E3F1FF, #0F8BE7, #005794, #002646, #000206)
Browse the whole catalog at Explore, or see today's palette.