Hazy Pine Delta color palette — #F6F3DD · #87B77A · #00804C · #683A5A · #0B2803

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

The five colors

• Cream (#F6F3DD): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#87B77A): A luminous, balanced green — the color of new leaves after rain.
• Teal (#00804C): A full-bodied, balanced teal — the color of sea glass.
• Mulberry (#683A5A): A full-bodied, dusty pink — the color of a candy shop window.
• Deep Forest (#0B2803): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Hazy Pine Delta 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

• Olive Courtyard color palette (#FDF0DD, #B4A961, #64731A, #713741, #262100)
• Aubergine Atelier color palette (#E4FCEF, #87B083, #007B68, #69387D, #20441D)
• Weathered Loft color palette (#EEE6C1, #75A45A, #006E38, #682700, #091B00)
• Emerald Atelier color palette (#E3FCF3, #9DC991, #349C67, #914D7E, #284221)
• Washed Chestnut color palette (#F3F2E8, #C1C7A5, #608F79, #875320, #31322B)
• Grape Ridge color palette (#FFDEBD, #B77000, #00877E, #7A41A7, #261300)
• Pale Marigold color palette (#FFEFDC, #EFA020, #9B6600, #483000, #1D1000)
• Bronze Pier color palette (#F0E2CE, #857A26, #3E4A00, #4B111E, #0C0700)

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