Petrol Grove color palette — #E8F6EF · #EDD7DD · #D3B6C5 · #00759B · #1A2922
A conversation between Teal and Rosewood Mist, giving this palette its sense of trust and stability.
The five colors
- Cream (#E8F6EF): a clean, paper-quiet neutral.
- Shell Pink (#EDD7DD): A whisper-light, dusty rose — the color of strawberry cream.
- Rosewood Mist (#D3B6C5): A luminous, dusty rose — the color of a warm blush.
- Teal (#00759B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#1A2922): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Aged Petrol color palette (#F8EFF5, #E2D2D0, #D2B8B9, #5E63A6, #301E2B)
- Petrol Station color palette (#EEF8F4, #CDDDDF, #CCB2CB, #0072A4, #29473D)
- Worn Cypress color palette (#EDF5EA, #C4DDD9, #ABC6BD, #007C6F, #1D2918)
- Antique Denim Grove color palette (#E0ECE8, #D2C8CF, #B59CA6, #005A8A, #031B14)
- Azure Alley color palette (#ECF7FF, #D7D9E4, #B5ADB8, #209CDA, #2B3740)
- Wandering Pewter Station color palette (#D0E7F0, #9BAFE1, #916494, #4D552B, #2B3300)
- Patina Teal Alley color palette (#F4F3DE, #67BC90, #007C73, #085371, #1B2502)
- Sapphire Lantern color palette (#EADBE9, #035DE8, #2E2049, #1B071B, #000503)
Browse the whole catalog at Explore, or see today's palette.