Petrol Grove color palette — #EEF0E3 · #96BBA8 · #00719A · #004E58 · #00314D
A conversation between Peacock and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Cream (#EEF0E3): a clean, paper-quiet neutral.
- Sage (#96BBA8): A luminous, dusty teal — the color of sea glass.
- Peacock (#00719A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004E58): A deep, shadowed, dusty blue — the color of deep harbor water.
- 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
- Cobalt Chapel color palette (#F0E7E1, #94BFA9, #006FB4, #004C47, #091233)
- Lagoon Quarry color palette (#F6F6EC, #BAD8B7, #009197, #006859, #004951)
- Timeworn Cobalt color palette (#F5EBF1, #8BCFEA, #1A8CDC, #006C67, #202C4E)
- Muted Petrol color palette (#F4F6EF, #C8E4E4, #739FBD, #0F7B91, #335149)
- Tempered Cerulean Market color palette (#E5E7DB, #539CA7, #005363, #003030, #001720)
- Faded Sky Alley color palette (#E4F2F0, #92E0FF, #3EB1E8, #008EA2, #00314E)
- Mulberry Canyon color palette (#F8D8EC, #605EB6, #9E2470, #005766, #1B193E)
- Nightshade Loft color palette (#FFE6F0, #DFB9EE, #BF7DB8, #5944AB, #3A2949)
Browse the whole catalog at Explore, or see today's palette.