Hazy Pine color palette — #EAFAED · #CB9900 · #097A1A · #6D5100 · #062408

A conversation between Olive and Mustard, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EAFAED): A whisper-light, dusty teal — the color of shallow lagoons.
• Mustard (#CB9900): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#097A1A): A full-bodied, balanced green — the color of new leaves after rain.
• Coffee (#6D5100): A full-bodied, balanced gold — the color of old brass.
• Onyx (#062408): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

Use it as a design system

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

• Mustard Coast color palette (#EAFAF1, #B2A423, #007661, #605700, #00231C)
• Pale Meadow color palette (#FFF0F7, #E38749, #586F00, #854000, #182100)
• Timeworn Bronze Thicket color palette (#E2EFE6, #9F870B, #005E43, #4D4000, #001112)
• Moss Corridor color palette (#DEFFE5, #8D9400, #00743B, #3E3884, #2B3C11)
• Washed Chestnut Canyon color palette (#FBEDF3, #DA9661, #00788B, #884800, #000B0F)
• Olive Summit color palette (#F4E787, #9EAD2D, #3B7C00, #005A2E, #004134)
• Airy Parlor color palette (#FFF3E7, #F8A64B, #009B91, #A96500, #002320)
• Cypress Parlor color palette (#EDF8F8, #9ACEB3, #5183A9, #3B7C5E, #222F3B)

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