Hazy Pine color palette — #F9F1DE · #96B373 · #008046 · #563E76 · #172600

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9F1DE): A whisper-light, dusty gold — the color of old brass.
• Sage (#96B373): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#008046): A full-bodied, balanced teal — the color of sea glass.
• Royal Purple (#563E76): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#172600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, 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

• Chalky Olive Alley color palette (#FFEFDF, #B9A768, #627500, #344785, #282000)
• Chalky Aubergine color palette (#EDE4D1, #879F59, #006E33, #4E227B, #111900)
• Tempered Archive color palette (#F5F3DE, #7CB88C, #007D6B, #00546C, #002910)
• Pale Emerald Summit color palette (#EBF9F1, #AAC68A, #1F9F5D, #715E8E, #304118)
• Aged Mulberry Field color palette (#FFEDEE, #CC74BC, #009978, #99008A, #00281D)
• Muted Station color palette (#DFFCF7, #B6E7BF, #43A878, #00788D, #0E381A)
• Navy Garden color palette (#F6EBDE, #837945, #384C00, #281B5D, #0A0800)
• Cobalt Lantern color palette (#FDEFE8, #9BDCED, #008CC9, #006356, #08234D)

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