Petrol Grove color palette — #C3ECFF · #007295 · #745100 · #294600 · #002331
Built around Teal, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Frost (#C3ECFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007295): A full-bodied, balanced blue — the color of deep harbor water.
- Coffee (#745100): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Olive (#294600): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Midnight (#002331): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. Tagged 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
- Garnet Cabin color palette (#BCF2E3, #227EC1, #861B00, #502C00, #00213A)
- Tempered Bronze Summit color palette (#D3EECD, #009B90, #A66700, #605B00, #002622)
- Gentle Lapis Corridor color palette (#DBE4FF, #3F3EFF, #6B5600, #4A3B00, #121948)
- Pale Archive color palette (#EDDDFF, #8F00DC, #595E00, #3D4100, #29123D)
- Grape Summit color palette (#FAD1E0, #7746A6, #5D5400, #3F3800, #2E0D1C)
- Powdered Indigo color palette (#FFF0F9, #6C5CE4, #656E00, #484F00, #282748)
- Antique Peony color palette (#FFF1F2, #B0609D, #597C4D, #395E2B, #452A2C)
- Hushed Amethyst color palette (#FFDCF1, #6744F3, #703D00, #043F07, #002C23)
Browse the whole catalog at Explore, or see today's palette.