Petrol Grove color palette — #E3F2F0 · #88BACE · #00748B · #004F50 · #003344
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Cream (#E3F2F0): a clean, paper-quiet neutral.
- Ash (#88BACE): A luminous, dusty blue — the color of open sky before noon.
- Teal (#00748B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#003344): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Timeworn Petrol Canyon color palette (#F1E5EE, #95BACA, #00749F, #004D3E, #001532)
- Cerulean Villa color palette (#EDF8F6, #A6CBE0, #3882A2, #005E69, #093F5C)
- Turquoise Chapel color palette (#EEF0E2, #98E1EE, #00B7DA, #009092, #003344)
- Patina Lagoon Lantern color palette (#E0F5F0, #519E9D, #00545A, #00302A, #00181C)
- Cypress Canyon color palette (#EEF7F6, #D3DDEF, #779FB7, #3F797E, #3C5669)
- Weathered Lilac Dune color palette (#E6EBFF, #CEBBF4, #BA8CCB, #48538E, #292C4B)
- Lapis Courtyard color palette (#DFE4F2, #6052D6, #A11E6F, #005667, #1B1A3C)
- Feathered Alley color palette (#DBEBFF, #548FEF, #3756C1, #2E2C94, #292362)
Browse the whole catalog at Explore, or see today's palette.