Petrol Grove color palette — #FFE5DA · #E4B66D · #A4A85F · #0081A4 · #2A3E70
A conversation between Cerulean and Sand, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#FFE5DA): A whisper-light, dusty orange — the color of sun-warmed clay.
- Sand (#E4B66D): A luminous, balanced gold — the color of afternoon light on wheat.
- Sage (#A4A85F): A luminous, balanced green — the color of new leaves after rain.
- Cerulean (#0081A4): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#2A3E70): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, 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
- Tempered Amber color palette (#FFE4E5, #E8B295, #BE9242, #00888B, #003F59)
- Tempered Cobalt color palette (#E6DDCE, #C0C283, #79B17C, #4C76C5, #433364)
- Driftwood Market color palette (#C9EBD9, #A8D2C9, #80B0B4, #7A88AB, #413D5C)
- Airy Denim color palette (#EBF2D7, #86AC85, #309E8A, #665498, #3F0B3D)
- Timeworn Field color palette (#F1DBCE, #C58D00, #6E7817, #004D64, #041D4C)
- Antique Aubergine Courtyard color palette (#CCEED9, #E6C832, #8885EA, #9E8700, #2C0081)
- Tempered Delta color palette (#EBD8E3, #E8988F, #9B861D, #7B459F, #4E2C65)
- Hushed Aubergine Pier color palette (#FFF0FE, #FDB4BE, #B68B45, #66488D, #4D184B)
Browse the whole catalog at Explore, or see today's palette.