Petrol Grove color palette — #E2F0E5 · #77A7D0 · #3464B3 · #004858 · #0B0640
Cobalt and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#E2F0E5): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#77A7D0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cobalt (#3464B3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004858): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Indigo (#0B0640): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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 Petrol color palette (#E0EDE2, #63AFBF, #007093, #004A46, #001527)
- Dusty Chapel color palette (#F6EDDF, #89BDE8, #005CDC, #003C4A, #010014)
- Hushed Nightshade Lantern color palette (#FAE7ED, #6A94B9, #3133AB, #003031, #1D0037)
- Airy Indigo Orchard color palette (#F3E6D8, #7CB7E5, #5B72FB, #006D6E, #1C0335)
- Timeworn Cobalt color palette (#E5F3E8, #A8C9E4, #4E88D1, #00697B, #1E2958)
- Antique Azure color palette (#EEF8F0, #ACE4FF, #52A3E0, #00818B, #243F6A)
- Tempered Cerulean Delta color palette (#EAFAED, #6FE0E0, #009EB2, #00755C, #00394B)
- Softworn Coral color palette (#E1DFF9, #E18BC6, #D76F7E, #5F4792, #2E0429)
Browse the whole catalog at Explore, or see today's palette.