Petrol Grove color palette — #E5FDE2 · #76BEC8 · #3C90B1 · #296B9E · #634961
Built around Peacock, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Honeydew (#E5FDE2): A whisper-light, dusty green — the color of fresh herbs.
- Cyan (#76BEC8): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#3C90B1): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#296B9E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#634961): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, 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
- Ancient Cerulean Canyon color palette (#EAF9DC, #7BBBB6, #2795A2, #006E8B, #2C584C)
- Hushed Cobalt Quarry color palette (#EBF9F3, #86B7D6, #C18A6F, #127BAD, #6A422D)
- Wandering Alley color palette (#DBFFF0, #9BBCE5, #6D7CBD, #6858A1, #684350)
- Wandering Cerulean color palette (#E2F6FF, #79CCE4, #0192B9, #1C5D7D, #213A4E)
- Cerulean Orchard color palette (#EBF9F4, #E8D4CF, #AAA696, #44919A, #5B4B5A)
- Denim Loft color palette (#DEFDF4, #DCBDDF, #5684B6, #1F5686, #153F5B)
- Feathered Harbor color palette (#D0E7EC, #00AEDD, #0071BE, #1C2FC7, #3A347B)
- Dusty Aubergine color palette (#F2D3F2, #91A2DD, #7569BA, #693C8D, #5B3659)
Browse the whole catalog at Explore, or see today's palette.