Hazy Pine color palette — #B8EBD8 · #88AC75 · #1F8E58 · #006151 · #003737

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

The five colors

• Mint (#B8EBD8): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#88AC75): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#1F8E58): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#006151): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#003737): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Softworn Lagoon Studio color palette (#BEE8E3, #63BCA0, #009288, #005660, #002D3A)
• Faded Forest Field color palette (#C8EDCD, #AEAB68, #677E1A, #04651D, #00321F)
• Jade Parlor color palette (#F5FAD0, #B0E6B8, #4FB97B, #00845B, #0B4F3D)
• Weathered Peony color palette (#DEF8F8, #76B395, #BE709F, #007752, #3C192F)
• Ancient Lagoon Canyon color palette (#D3FAFF, #88D2BD, #00907B, #00493D, #001D15)
• Antique Olive Garden color palette (#DFF7F9, #CDDBEB, #B9BFF0, #5C8241, #1B3A3F)
• Weathered Pier color palette (#E6F7EB, #8FB5A5, #847348, #694218, #022A23)
• Ancient Courtyard color palette (#D3E8E7, #1E9FB1, #006D8F, #004381, #0D1744)

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