Petrol Grove color palette — #D7EAEA · #007984 · #004E59 · #001319 · #000102
A conversation between Teal and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#D7EAEA): A whisper-light, dusty teal — the color of sea glass.
- Teal (#007984): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004E59): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001319): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000102): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Petrol Grove 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
- Eclipse Abyss color palette (#DFF5EF, #00615F, #002D37, #000F18, #000105)
- Patina Cerulean Harbor color palette (#D5EFFD, #008EC1, #00445D, #000B13, #000103)
- Charred Pine color palette (#DCEDDF, #008554, #004630, #00140E, #000201)
- Soft Nightshade Terrace color palette (#E1F1F6, #005F72, #4500BA, #003D1A, #000102)
- Feathered Aubergine color palette (#DAF8E8, #007793, #811697, #00313E, #030004)
- Softworn Iris color palette (#CBEBDD, #85BDEB, #648BD1, #004A5A, #000103)
- Pale Cobalt Orchard color palette (#CFE3F6, #1574CA, #003B8C, #03005D, #01000B)
- Faded Sky color palette (#AFEBFF, #05B8ED, #0086B8, #004870, #001C37)
Browse the whole catalog at Explore, or see today's palette.