Petrol Grove color palette — #C4E9D9 · #00688E · #070F2D · #030D0B · #000201
Peacock and Ink set the tone — five colors that lean into trust and stability.
The five colors
- Celadon Mist (#C4E9D9): A whisper-light, dusty teal — the color of sea glass.
- Peacock (#00688E): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#070F2D): A deep, shadowed, dusty violet — the color of wild irises.
- Ink (#030D0B): quiet, heavy and certain.
- Black (#000201): quiet, heavy and certain.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Abyss Bloom color palette (#D7F4E8, #004A68, #191E24, #000F20, #000201)
- Tempered Cobalt color palette (#DAE9F5, #0084B6, #234564, #002030, #000204)
- Antique Cerulean color palette (#FFF2EC, #90DAE1, #0087AB, #00543D, #000D1D)
- Azure Courtyard color palette (#E4FBF4, #40A6ED, #543E4D, #0B231D, #020704)
- Powder Quarry color palette (#FFF0FA, #9DA9EE, #624E54, #32272F, #09120F)
- Cellar Boulevard color palette (#F0D7EC, #144CDD, #332D33, #17092A, #030003)
- Forest Harbor color palette (#FFF4DA, #90AD76, #067244, #00454A, #040A00)
- Aged Basalt Harbor color palette (#DAEBEB, #74A9CA, #726D9C, #4F3D00, #1E1600)
Browse the whole catalog at Explore, or see today's palette.