Petrol Grove color palette — #CAF5EA · #167499 · #2E345B · #312000 · #051604
Slate and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#CAF5EA): A whisper-light, dusty teal — the color of sea glass.
- Slate (#167499): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#2E345B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Onyx (#312000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#051604): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, 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
- Abyss Orchard color palette (#D8E2D6, #377977, #004363, #391103, #150A00)
- Washed Spruce Delta color palette (#DCF3FF, #5C6797, #502E4D, #112C00, #001A0E)
- Smoked Navy Studio color palette (#D3EAFF, #445D90, #2D2760, #330022, #080002)
- Tempered Petrol color palette (#DDF2F6, #5790AC, #67669B, #544416, #141100)
- Weathered Garnet color palette (#E1E7FF, #79739A, #5E456C, #5E001E, #210300)
- Basalt Canyon color palette (#D1E7F1, #A17E9B, #695073, #2C4001, #002F2B)
- Onyx Boulevard color palette (#D5EAF2, #005B8A, #002D63, #0B0046, #08001D)
- Twilit Lantern color palette (#F9EFD7, #4C681F, #003519, #001B1D, #030700)
Browse the whole catalog at Explore, or see today's palette.