Petrol Grove color palette — #E8DFC0 · #0077A8 · #00735A · #030E0F · #010200
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Celadon Mist (#E8DFC0): A whisper-light, dusty green — the color of new leaves after rain.
- Cerulean (#0077A8): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#00735A): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#030E0F): a grounded near-black with real depth.
- Black (#010200): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged neon, dark, vibrant, 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
- Tempered Sapphire color palette (#EBE3EF, #0069DB, #007071, #040D11, #000200)
- Fern Meadow color palette (#F8DDD0, #008071, #5E6900, #070E08, #020100)
- Dusty Cypress color palette (#DBE8D9, #007872, #263C5D, #00312F, #000201)
- Quiet Field color palette (#FFE2EF, #8C08F7, #006996, #070A14, #000201)
- Obsidian Lagoon color palette (#DCF1D5, #3926FA, #005D69, #050A0E, #000200)
- Patina Abyss Study color palette (#DCE5DD, #93A599, #638574, #003E43, #000601)
- Weathered Iris color palette (#E0F5E4, #8183FF, #0095B3, #00150A, #000401)
- Orchid Pier color palette (#FFE3E8, #BF5BFF, #007720, #00100C, #000202)
Browse the whole catalog at Explore, or see today's palette.