Petrol Grove color palette — #D3ECEB · #007F92 · #00415D · #000C1D · #00000C
Built around Teal, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#D3ECEB): A whisper-light, dusty teal — the color of glacier melt.
- Teal (#007F92): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#00415D): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000C1D): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#00000C): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.
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
- Inked Basin color palette (#D3F2F8, #00657F, #003047, #00101F, #00030B)
- Misty Onyx color palette (#C7F1FB, #0084B2, #00437F, #080045, #010009)
- Shadow Pine Market color palette (#D3E5D4, #008861, #004C45, #001113, #000102)
- Antique Veranda color palette (#DCE7EB, #A9BFCB, #7596B2, #004549, #000102)
- Weathered Loft color palette (#D9F5FF, #5A7C9E, #3D3C8E, #40140A, #040200)
- Linen Navy Corridor color palette (#CCECD6, #00979A, #006991, #0D239A, #0A0015)
- Moonless Cabin color palette (#DBEFF9, #005F70, #400060, #130300, #000200)
- Feathered Nightshade Pier color palette (#DAEDF6, #007ED0, #1000BE, #0F003A, #020006)
Browse the whole catalog at Explore, or see today's palette.