Petrol Grove color palette — #DDEEE9 · #0071AD · #6B5000 · #002E4A · #020100
Slate and Bronze set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#DDEEE9): a clean, paper-quiet neutral.
- Slate (#0071AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#6B5000): A full-bodied, balanced gold — the color of honey in a jar.
- Midnight (#002E4A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#020100): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Cobalt Balcony color palette (#E6DAE7, #1A79D4, #802300, #002B55, #040000)
- Smoked Denim Canyon color palette (#D6E9FF, #00509A, #563700, #002044, #0B0400)
- Terracotta Archive color palette (#D0EAD3, #007A80, #9E1500, #003235, #040000)
- Weathered Field color palette (#F9DFF2, #495BD2, #4B5D00, #180085, #010100)
- Feathered Cornflower color palette (#D1E1F5, #007CEA, #976500, #0053A0, #0B0500)
- Cellar Navy Courtyard color palette (#F5E6F4, #00489C, #6F0040, #001C45, #040001)
- Faded Peony color palette (#E0F2EC, #C2A6FA, #C75D92, #004D4F, #01000B)
- Lapis Ridge color palette (#E7F2DC, #A37B00, #3B4BF4, #1A0718, #030003)
Browse the whole catalog at Explore, or see today's palette.