Hazy Pine color palette — #FFF2EB · #CFE1F7 · #00C2E3 · #008D55 · #003A55

A conversation between Fern and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Frost (#CFE1F7): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#00C2E3): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008D55): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003A55): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, 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

• Softworn Sky color palette (#FFF2EA, #D7D7E5, #5EB5FF, #008881, #23325E)
• Washed Turquoise color palette (#FFF2EC, #BBFCFF, #00AAD0, #007651, #002741)
• Gentle Aqua color palette (#E9F9F6, #92F9F7, #00CEDA, #00A893, #004952)
• Timeworn Balcony color palette (#EEF8F0, #90DEDC, #00909F, #00694F, #00475A)
• Worn Powder Thicket color palette (#FBF3F0, #C3DFE6, #8AD7FE, #5DA18E, #574758)
• Misty Honey color palette (#FFF3E4, #FEB84D, #80AEFF, #A97100, #0E2B60)
• Washed Denim color palette (#F1E5DE, #70ACC0, #00598B, #002C27, #00000B)
• Quiet Courtyard color palette (#FDF3ED, #99D6EF, #007ECF, #00524E, #030431)

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