Petrol Grove color palette — #C8F5DD · #7DC8EE · #3D9CD5 · #006DAB · #284D73
Built around Peacock, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Honeydew (#C8F5DD): A whisper-light, dusty teal — the color of sea glass.
- Sky (#7DC8EE): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#3D9CD5): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006DAB): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#284D73): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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 Cerulean Villa color palette (#D5F4D3, #73CACC, #009FAE, #007584, #115162)
- Azure Boulevard color palette (#E7F9FF, #B1E7FF, #42ADE7, #39709A, #2B4560)
- Tempered Indigo Ridge color palette (#CFE4FF, #9EBBF2, #738FE1, #5963B9, #40406D)
- Frosted Aqua color palette (#A3F0F0, #39D8FB, #49B8F4, #5982B7, #374666)
- Dusty Corridor color palette (#FFEFFF, #ABCAFA, #6590D5, #2359AB, #102D58)
- Cobalt Summit color palette (#EAF9F4, #88BEE9, #7CB67B, #0087CF, #2C4B2C)
- Cobalt Studio color palette (#D8E6EE, #0084C1, #005A98, #002E5E, #000647)
- Electric Ultramarine color palette (#E3F2FF, #409EFE, #1B73FB, #1C00F2, #252585)
Browse the whole catalog at Explore, or see today's palette.