Hazy Pine color palette — #F9F1E3 · #A3B158 · #188114 · #553F74 · #1F2300

Olive Leaf takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9F1E3): A whisper-light, dusty gold — the color of old brass.
• Sage (#A3B158): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#188114): A full-bodied, vivid green — the color of new leaves after rain.
• Royal Purple (#553F74): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#1F2300): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Weathered Cypress color palette (#F7F2E1, #8CAA84, #007755, #573A5C, #1D1E05)
• Weathered Alley color palette (#FCF5E0, #9BAD53, #507700, #754037, #3C3B34)
• Emerald Study color palette (#E7FCEC, #B5C55B, #4B9B49, #6F6089, #134436)
• Dusty Lagoon Basin color palette (#F5F1EA, #C7C5A5, #59916B, #765956, #32312A)
• Pale Moss Cabin color palette (#E7FBF1, #CFE48B, #6EA500, #98564A, #2A3304)
• Dusty Parlor color palette (#E6E3D0, #4F875B, #005042, #43143C, #000B02)
• Gentle Bloom color palette (#FDEFE7, #88DFF4, #008DC7, #006356, #0A2449)
• Dusty Ridge color palette (#FFEEE5, #F38C3F, #AB5800, #592800, #1C0800)

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