Petrol Grove color palette — #E9EBDB · #9CBDA2 · #00788A · #004B48 · #001921
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Parchment (#E9EBDB): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#9CBDA2): A luminous, dusty teal — the color of sea glass.
- Teal (#00788A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B48): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001921): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, 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
- Aged Cerulean color palette (#F1F3EA, #A8D3B9, #3D86A0, #005A60, #002434)
- Petrol Workshop color palette (#E7EBDE, #8FB9D5, #1470AF, #00485C, #001532)
- Hushed Cerulean Terrace color palette (#DFE1D4, #408297, #004258, #001F23, #000103)
- Cypress Alley color palette (#F2F3EB, #C5E2DD, #81A690, #2B7879, #1E3E30)
- Olive Parlor color palette (#D2EAD6, #00909B, #736F00, #005157, #141300)
- Worn Villa color palette (#CEE5ED, #00A3CB, #00647F, #002B38, #00080C)
- Linen Lapis color palette (#E4F5EA, #00788F, #5744C2, #005C2B, #000D12)
- Misty Navy Boulevard color palette (#E6EED9, #628EB8, #004595, #00293C, #00001F)
Browse the whole catalog at Explore, or see today's palette.