Petrol Coast color palette — #D7E4CF · #0F979C · #007099 · #003B1C · #000202
A conversation between Peacock and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D7E4CF): A whisper-light, dusty green — the color of new leaves after rain.
- Cerulean (#0F979C): A luminous, balanced teal — the color of shallow lagoons.
- Peacock (#007099): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#003B1C): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged pastel, 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
- Aged Lagoon Villa color palette (#EEF3D8, #399879, #00787C, #2D3600, #000401)
- Sapphire Orchard color palette (#DFEEE2, #589AB9, #3D68C1, #00322C, #000305)
- Patina Cerulean color palette (#CDF3F7, #50AFB0, #0096C3, #005724, #000D0C)
- Aubergine Coast color palette (#D5E3DB, #00627B, #34006C, #00222D, #040002)
- Iris Cabin color palette (#E0E7DA, #76CAD3, #648EE9, #3A4600, #000201)
- Patina Drift color palette (#D5F0DF, #8EB9D6, #6F84D2, #004F51, #000F18)
- Ancient Veranda color palette (#E0FAE4, #B2E1FC, #8FADDD, #008177, #002C1A)
- Twilit Delta color palette (#F0E3DA, #9D0093, #005E63, #050A0D, #000200)
Browse the whole catalog at Explore, or see today's palette.