Hazy Pine color palette — #FFF0FA · #98EDE6 · #00AEC5 · #24864D · #004661

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

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Sea Foam (#98EDE6): A whisper-light, balanced teal — the color of sea glass.
• Cyan (#00AEC5): A luminous, balanced blue — the color of open sky before noon.
• Fern (#24864D): A full-bodied, balanced teal — the color of sea glass.
• Navy (#004661): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Seafoam Corridor color palette (#FFF0FA, #53E3E4, #009CBA, #00764B, #003753)
• Soft Azure color palette (#FFF0FA, #9AE9FF, #00A6F1, #008475, #2B3F64)
• Frosted Moss Delta color palette (#FDF2F0, #B3F3EE, #00CAF2, #2BAD2A, #004270)
• Lagoon Basin color palette (#FAF2F8, #D6D5E8, #8FB7D2, #599196, #455464)
• Cobalt Field color palette (#EDDCE6, #50C1E6, #037AC0, #005A54, #0F1C41)
• Chalky Glacier color palette (#D7FFF6, #8EFAF8, #57E1FF, #9A892E, #154948)
• Cerulean Chapel color palette (#EEDAE7, #2EA1BD, #005E8C, #003C35, #000624)
• Linen Ultramarine color palette (#FBE4EB, #67A8DC, #325ACE, #004951, #15043B)

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