Hazy Pine color palette — #FCF8C8 · #EF9C08 · #B39900 · #0A831D · #252700

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

The five colors

• Custard (#FCF8C8): A whisper-light, dusty green — the color of a quiet forest floor.
• Apricot (#EF9C08): A luminous, vivid gold — the color of honey in a jar.
• Mustard (#B39900): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#0A831D): A full-bodied, vivid green — the color of new leaves after rain.
• Onyx (#252700): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Amber Bloom color palette (#DFFFE1, #FFA277, #C58B00, #4D7600, #372C00)
• Tempered Moss Delta color palette (#DAFFF1, #D8A900, #81A200, #007D4A, #1B3200)
• Mustard Studio color palette (#FFF2C2, #FFA785, #B9A300, #00856F, #0C1600)
• Airy Mustard Veranda color palette (#FFF4E0, #FFAE8D, #CDB200, #00AA91, #212900)
• Soft Tangerine Garden color palette (#FFF0F7, #FF949B, #EF7900, #7E6700, #3C2200)
• Gentle Clover color palette (#DEFFE5, #BFC000, #00BA65, #008383, #003724)
• Bronze Delta color palette (#CBECE0, #A58100, #556B00, #004331, #010700)
• Soft Courtyard color palette (#EDE6CC, #88A547, #00875D, #3B4596, #4F2C63)

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