Petrol Grove color palette — #E9F5F0 · #E4D4D6 · #C7B0B7 · #366B89 · #16241F
Built around Peacock, softened by Rosewood Mist — the whole palette hums with trust and stability.
The five colors
- Cream (#E9F5F0): bright and airy, almost weightless.
- Silver (#E4D4D6): bright and airy, almost weightless.
- Rosewood Mist (#C7B0B7): A luminous, dusty rose — the color of a warm blush.
- Peacock (#366B89): A full-bodied, dusty blue — the color of deep harbor water.
- Onyx (#16241F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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 Canyon color palette (#EFF7F5, #E7D6DB, #BDAEBA, #2B689B, #2D3F3A)
- Patina Pewter color palette (#FBEEF1, #E9D3C5, #D4B8AC, #7F5895, #302025)
- Patina Cerulean Studio color palette (#EFF6FC, #DAD9E4, #C0B0BD, #628FB4, #292F35)
- Mulberry Alley color palette (#F0E6E8, #DCC6C2, #BB9C8C, #6C4372, #211014)
- Worn Navy Archive color palette (#E4EEEB, #C3ABB9, #A3848A, #004676, #000E0A)
- Fern Chapel color palette (#A7EBFF, #C59DB6, #8E6664, #5A4F00, #2D2602)
- Muted Taupe Boulevard color palette (#FFEEE1, #B59E57, #576E2F, #5C3B49, #251A03)
- Terracotta Hollow color palette (#DEF4E8, #0089AA, #962623, #313800, #121600)
Browse the whole catalog at Explore, or see today's palette.