Hazy Petrol Grove color palette — #FFF0F9 · #D38A69 · #7C9B55 · #0076AF · #402B38

A conversation between Cerulean and Moss, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Camel (#D38A69): A luminous, balanced orange — the color of toasted spice.
• Moss (#7C9B55): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#0076AF): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#402B38): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Hazy 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

• Cypress Meadow color palette (#FEF0FA, #D18979, #A88B4E, #00807A, #43293C)
• Soft Delta color palette (#EAFAEB, #C3964A, #5CA076, #4C6BB5, #243926)
• Denim Thicket color palette (#EDF9EE, #B68B42, #8E8211, #0062AE, #381E2E)
• Hushed Denim color palette (#E8FBE9, #E89991, #918843, #515E9B, #523142)
• Mulberry Pier color palette (#DFF5E5, #AA8B35, #008BC0, #8D3E7A, #0E2E1A)
• Cerulean Summit color palette (#FFF1F7, #C99065, #00A2AD, #865A9B, #432A36)
• Washed Blush Thicket color palette (#FEF0FC, #FF9894, #52C4A6, #539AB8, #3C2D3B)
• Ancient Veranda color palette (#FFF2ED, #C85958, #00846B, #005A7F, #38312E)

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