Hazy Pine color palette — #FFF3E6 · #EDD78E · #9FAD4E · #367F2C · #004B3C

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

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Wheat (#EDD78E): A whisper-light, balanced green — the color of fresh herbs.
• Moss (#9FAD4E): A luminous, balanced green — the color of fresh herbs.
• Olive (#367F2C): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004B3C): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Balance. Tagged cool.

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 Basin color palette (#FFF2EB, #FFCF9C, #BF9733, #757500, #2C4720)
• Soft Archive color palette (#FFF5D8, #C6E5A5, #5DB679, #007C6D, #004346)
• Linen Mustard color palette (#FFEBD4, #B7A417, #6F8319, #2F673E, #205559)
• Frosted Lime color palette (#F5E9BA, #C9CE7C, #8FB52C, #64954F, #1A5552)
• Chalky Emerald color palette (#FFF5D8, #ACCD0A, #27980D, #00583F, #002523)
• Muted Lagoon Dune color palette (#FFF5D4, #BAEBCA, #88C896, #099785, #35553C)
• Misty Fern color palette (#F6F9D3, #AAF2D8, #72BA83, #316C16, #092400)
• Charred Pine color palette (#E0E2CC, #248C25, #004431, #001917, #000102)

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