Petrol Grove color palette — #D3E7F1 · #006F82 · #002A3A · #001621 · #01040B
Built around Teal, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Frost (#D3E7F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#006F82): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002A3A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001621): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#01040B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Patina Turquoise Corridor color palette (#D1E4ED, #00AEC3, #4D637F, #2D4048, #031011)
- Obsidian Ultramarine Meadow color palette (#D3E0F3, #2E5CBC, #192441, #091424, #040409)
- Timeworn Cerulean Study color palette (#DFF2E5, #0090A4, #18493F, #16261B, #090F07)
- Cobalt Market color palette (#ECF2FD, #6078C5, #343C51, #232932, #14141A)
- Pale Plum color palette (#D6E5FF, #5471D6, #A93397, #00676E, #1B2B47)
- Nocturne Lagoon color palette (#DAE1FF, #742BEB, #371852, #111432, #0A0712)
- Nocturne Hollow color palette (#EAF0FF, #290083, #2A1228, #060016, #060100)
- Patina Olive color palette (#ECF9F3, #91A371, #43711B, #30543A, #1B3D34)
Browse the whole catalog at Explore, or see today's palette.