Petrol Grove color palette — #D9ECE6 · #0071AC · #665D00 · #403E00 · #000C18
Slate takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#D9ECE6): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate (#0071AC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#665D00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#403E00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#000C18): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. 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
- Dusty Sapphire Meadow color palette (#F7E2F5, #005FE4, #5B6100, #314300, #000823)
- Washed Ridge color palette (#D5EDCB, #00796C, #7C4C00, #463D00, #002621)
- Worn Indigo Archive color palette (#F7E2EF, #6469C5, #4E7110, #004D53, #1D0717)
- Gentle Indigo color palette (#F6E0EB, #7362C8, #035510, #004312, #15000C)
- Peony Studio color palette (#EDF6FF, #0698EF, #B64EB0, #006545, #000E1C)
- Violet Atelier color palette (#FFECF3, #8F55E0, #866500, #5D4500, #190A2C)
- Byzantium Alley color palette (#F3D9E2, #911FDA, #546300, #374100, #130023)
- Worn Atelier color palette (#F4D6EA, #584CFF, #7B3400, #003524, #00130A)
Browse the whole catalog at Explore, or see today's palette.