Hazy Pine color palette — #FFF0F7 · #FF9A56 · #AA9B00 · #008D46 · #00383B

Fern takes the lead with Apricot close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Apricot (#FF9A56): A luminous, balanced gold — the color of old brass.
• Mustard (#AA9B00): A luminous, balanced green — the color of new leaves after rain.
• Fern (#008D46): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#00383B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Optimism, 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

• Softworn Amber Pier color palette (#EFDBE2, #DE8D2A, #888B00, #007545, #002528)
• Soft Bloom color palette (#E8F6EC, #CAAF60, #6EA457, #008276, #003042)
• Hazy Emerald color palette (#FFF1EA, #E9C7A2, #C8A861, #52A169, #005A44)
• Softworn Coast color palette (#FCF1FF, #FF90AC, #E27800, #7B7A00, #003B25)
• Gentle Pine Lagoon color palette (#DCF4E7, #A09200, #00894A, #005C64, #00102C)
• Timeworn Lime Thicket color palette (#D4EFE5, #A0B500, #00A277, #007486, #001A62)
• Antique Amber Study color palette (#E7FAF3, #BFD8A4, #7DB76D, #C56D4C, #304119)
• Wandering Harbor color palette (#FFF1F3, #F572EF, #9A7A00, #005C68, #001F4D)

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