Hazy Pine color palette — #FFE9DF · #A9831C · #23721F · #502465 · #271331

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

The five colors

• Rose Water (#FFE9DF): A whisper-light, dusty orange — the color of autumn markets.
• Mustard (#A9831C): A luminous, balanced gold — the color of old brass.
• Olive (#23721F): A full-bodied, balanced green — the color of a quiet forest floor.
• Royal Purple (#502465): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#271331): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

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

• Powdered Terrace color palette (#F3E3CA, #828C43, #0A6C4F, #5E1F59, #370017)
• Tempered Alley color palette (#FBE0E3, #B4773F, #6B6810, #2C3871, #201740)
• Navy Lantern color palette (#F8E7D2, #9E9857, #4F7048, #0D335F, #0A001F)
• Olive Thicket color palette (#FBD5DA, #AF9164, #568C52, #694C70, #29102F)
• Soft Harbor color palette (#F2ECDA, #64924C, #006341, #631630, #051400)
• Muted Olive Alley color palette (#F0EEDE, #778300, #255600, #003536, #091B2C)
• Emerald Ridge color palette (#FFECDC, #C7B34E, #2F9E4E, #7B508B, #4B2C4D)
• Grape Corridor color palette (#E0E5D7, #5A7000, #7000D5, #7B007D, #060900)

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