Hazy Pine color palette — #F3D9C2 · #B36A2C · #007F44 · #6F3900 · #003317

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

The five colors

• Peach Cream (#F3D9C2): A whisper-light, dusty gold — the color of honey in a jar.
• Ochre (#B36A2C): A full-bodied, balanced gold — the color of honey in a jar.
• Olive (#007F44): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#6F3900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#003317): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged warm.

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

• Timeworn Pine Parlor color palette (#FBEBDD, #BB7E47, #198E5D, #7F4600, #004127)
• Airy Courtyard color palette (#F2E1D3, #BA6700, #007984, #6A3800, #001618)
• Weathered Moss color palette (#EEE4C8, #928700, #007F88, #575000, #003539)
• Faded Basin color palette (#FFE6D5, #AB4A00, #5F6400, #870068, #371300)
• Hushed Mulberry color palette (#F4D6D1, #BB5A78, #796B00, #880041, #2F2900)
• Plum Bloom color palette (#E7DDC8, #947D17, #AB3B6B, #574800, #4F022A)
• Hushed Amber Lagoon color palette (#FFE3CC, #CA8242, #7B4600, #442300, #271200)
• Rust Courtyard color palette (#F8F7D7, #79A345, #D04E31, #446900, #6D1400)

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