Hazy Pine color palette — #D5FFFF · #84CFAA · #008755 · #00523B · #003925

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

The five colors

• Ivory (#D5FFFF): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#84CFAA): A luminous, balanced teal — the color of shallow lagoons.
• Fern (#008755): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#00523B): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Deep Forest (#003925): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Calm, Balance. Tagged monochrome, 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

• Powdered Olive color palette (#D7FFF6, #A3C787, #618500, #304E00, #28360B)
• Lagoon Dune color palette (#E5F9FF, #8BD2D3, #009390, #005E5F, #0F3E49)
• Sunlit Mint Lagoon color palette (#ECFDD2, #A5EFCC, #6AC29C, #44966F, #003621)
• Hushed Seafoam Drift color palette (#ECFDD3, #81E1A9, #42A57B, #2B6F53, #003425)
• Lagoon Orchard color palette (#C8F0E4, #008C6E, #004536, #001510, #000503)
• Hushed Basin color palette (#EBFAEB, #8CB298, #926A2A, #6D482B, #2A4438)
• Antique Stone Bloom color palette (#E7F9FD, #C7AB70, #005E5A, #003634, #101D28)
• Indigo Summit color palette (#EDF7FB, #6EBDC5, #5E61C3, #006D75, #1E2431)

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