Petrol Grove color palette — #E6F2E8 · #8BB9CD · #007393 · #00504A · #00314D
A conversation between Teal and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Cream (#E6F2E8): a clean, paper-quiet neutral.
- Ash (#8BB9CD): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007393): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#00314D): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Tempered Cerulean color palette (#EDF9EF, #A3CBE3, #3E80A6, #005F61, #1D3C5E)
- Ancient Petrol Parlor color palette (#F0E5EE, #93BACB, #0072A9, #004E35, #060D41)
- Worn Dune color palette (#F5EDE2, #A5DEEA, #00B5E6, #009287, #00314D)
- Muted Lagoon color palette (#DEEDE1, #469F9F, #00535E, #003124, #001720)
- Muted Quarry color palette (#F1F7F2, #D5DEEF, #6FA1BB, #407A78, #435566)
- Mulberry Lantern color palette (#E3D7FA, #B851A5, #007F4E, #7D016E, #00321C)
- Patina Shell color palette (#F2E6FF, #F9ACBA, #CD907B, #6E487B, #422D4A)
- Plum Workshop color palette (#F3EDFA, #AD2F89, #6A6000, #00566B, #350E29)
Browse the whole catalog at Explore, or see today's palette.