Petrol Coast color palette — #E6E7DE · #81BEC0 · #008491 · #005A52 · #00242C
Cerulean and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#E6E7DE): a clean, paper-quiet neutral.
- Ash (#81BEC0): A luminous, dusty teal — the color of glacier melt.
- Cerulean (#008491): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005A52): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#00242C): 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 Coast 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
- Wandering Petrol color palette (#DDE0D2, #74ABBE, #007094, #004951, #001624)
- Cerulean Harbor color palette (#EEF0E2, #A5D0B5, #0394B9, #006B71, #003347)
- Glacier Delta color palette (#EAF9F6, #5CE3E9, #008A98, #00524B, #000F14)
- Ancient Corridor color palette (#E1E5DB, #90B6D8, #3676C0, #005474, #031A4E)
- Misty Drift color palette (#DAE6FF, #3E69E3, #AB17A0, #006569, #02083B)
- Antique Summit color palette (#F4F6F0, #CAE4E7, #90B5DE, #4890B0, #604A5F)
- Ancient Ultramarine color palette (#F3E6EF, #C3BFF2, #B487DC, #345CB8, #221D4C)
- Worn Villa color palette (#E3F2FF, #3592E3, #0060D0, #0018B5, #0F1259)
Browse the whole catalog at Explore, or see today's palette.