Petrol Grove color palette — #E8F0E2 · #2B9CA3 · #00749C · #003811 · #000202
Built around Teal, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Cream (#E8F0E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Cerulean (#2B9CA3): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00749C): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#003811): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged pastel, 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
- Antique Denim color palette (#E0F2F5, #4D90AF, #3660B0, #003F38, #000305)
- Emerald Parlor color palette (#E2EECC, #609E6B, #007E70, #393200, #000200)
- Cerulean Coast color palette (#D8F2E9, #53B0B3, #008EB4, #00602F, #00110F)
- Eclipse Aubergine color palette (#DDF2E6, #00627A, #31006F, #00232D, #020008)
- Aged Thicket color palette (#DDF7DB, #8FD0E4, #75A6DA, #00735B, #00240F)
- Worn Alley color palette (#D0E1EF, #7A9FEA, #846CC4, #00434E, #000814)
- Iris Chapel color palette (#D5F5E1, #8ABCE1, #7583D1, #005E5A, #000F08)
- Ancient Loft color palette (#DDE4CD, #76CEDE, #6B8FEB, #504D00, #000201)
Browse the whole catalog at Explore, or see today's palette.