Petrol Grove color palette — #DDE7DE · #9CB6B5 · #77A1A5 · #00818A · #041909
Teal and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#DDE7DE): bright and airy, almost weightless.
- Ash (#9CB6B5): A luminous, dusty teal — the color of sea glass.
- Blue Fog (#77A1A5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00818A): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#041909): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Dusty Petrol Parlor color palette (#E4EEEA, #C1ADB4, #B69096, #007BAB, #001911)
- Washed Harbor color palette (#D8E8EE, #87A5B6, #647F97, #003E43, #000508)
- Tempered Quarry color palette (#DBE5DB, #A6BAB1, #A88BA0, #005F60, #09180A)
- Indigo Bloom color palette (#D0F2FD, #6B9E90, #6F6AB8, #854230, #2A1800)
- Softworn Pine Grove color palette (#E8E5D4, #7EA568, #008646, #00645B, #061400)
- Antique Grape color palette (#D0E5D8, #0090AA, #872DBD, #742600, #030A00)
- Garnet Drift color palette (#F8EAD2, #009AAD, #006AB7, #890020, #000D14)
- Sunlit Lagoon color palette (#E1F0E7, #00CACA, #00ACD5, #4E70FF, #00111C)
Browse the whole catalog at Explore, or see today's palette.