Petrol Coast color palette — #DBEDE9 · #62C3C4 · #00848F · #005A51 · #00242B
Built around Teal, softened by Aqua — the whole palette hums with trust and stability.
The five colors
- Honeydew (#DBEDE9): bright and airy, almost weightless.
- Aqua (#62C3C4): A luminous, balanced teal — the color of sea glass.
- Teal (#00848F): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005A51): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#00242B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Ancient Petrol color palette (#DDF0ED, #5AAFC7, #007191, #00494F, #001623)
- Cerulean Basin color palette (#DFF3F0, #7FD3E5, #0095B6, #006B6F, #003346)
- Hushed Cerulean color palette (#FCF1FD, #A1D5E5, #0087AC, #005524, #000C21)
- Gentle Terrace color palette (#BEEBE9, #0EDDB0, #00B8B0, #497D48, #002D30)
- Gentle Loft color palette (#E2EEE1, #15A224, #007DB6, #096513, #001D2F)
- Powdered Delta color palette (#D1F3DC, #00BA62, #007A44, #003C1D, #000E04)
- Muted Pine Veranda color palette (#DBF2DF, #008C3F, #00768B, #715200, #001705)
- Aged Powder color palette (#EDF8F7, #D8DBEA, #8EB5DF, #678CA3, #445468)
Browse the whole catalog at Explore, or see today's palette.