Petrol Grove color palette — #F0E8DC · #92BFAC · #1F70AC · #004A51 · #00103E
A conversation between Slate and Midnight, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F0E8DC): a clean, paper-quiet neutral.
- Mint Leaf (#92BFAC): A luminous, dusty teal — the color of glacier melt.
- Slate (#1F70AC): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004A51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#00103E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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 Harbor color palette (#F7F1E7, #A5D3C4, #537DB8, #00596A, #141B45)
- Sapphire Ridge color palette (#F7EBF0, #8FB7D2, #1F64C5, #005148, #2C284E)
- Denim Orchard color palette (#F5EEE2, #89A587, #00646F, #003B2B, #000D13)
- Ancient Balcony color palette (#E3DED6, #557CA1, #042E90, #001E28, #01000B)
- Timeworn Cypress Delta color palette (#F6F1E9, #CFE2D2, #5399AD, #006E5F, #003046)
- Faded Bronze color palette (#EFDED1, #B56A30, #00759B, #6D3500, #00151F)
- Tempered Aubergine Pier color palette (#FDECDD, #9B5800, #006E62, #6500AC, #150700)
- Softworn Amber color palette (#FEE9D2, #C68433, #734900, #362000, #0B0400)
Browse the whole catalog at Explore, or see today's palette.