Petrol Grove color palette — #D4E8E7 · #75A8CF · #0067B7 · #00465E · #001135

Cobalt takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D4E8E7): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#75A8CF): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#0067B7): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#00465E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001135): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, 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

• Tempered Petrol Coast color palette (#D6EBE7, #69AEBB, #00728A, #004A4B, #001720)
• Tempered Corridor color palette (#EAF2DB, #7DBEF2, #0067BC, #003B50, #00020D)
• Muted Iris Drift color palette (#D8E6FF, #96AAF7, #9681ED, #005D9B, #10193E)
• Soft Cobalt color palette (#CBE3ED, #0089BE, #005984, #003359, #001736)
• Nightshade Chapel color palette (#FBE9EF, #5A96C2, #113BAA, #002F34, #13063A)
• Ancient Cornflower color palette (#F7E5D4, #6DB8F0, #547EDE, #006B76, #14053B)
• Wandering Periwinkle color palette (#ECF8F8, #BFD7F1, #6596DE, #0075A4, #2A395D)
• Plum Orchard color palette (#E2F1FF, #007CCB, #B0137E, #004879, #230016)

Browse the whole catalog at Explore, or see today's palette.