Hazy Pine color palette — #D1FBFF · #91F2FB · #67C0EE · #348F5B · #002F2E

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

The five colors

• Honeydew (#D1FBFF): A whisper-light, dusty blue — the color of deep harbor water.
• Sea Foam (#91F2FB): A whisper-light, balanced blue — the color of deep harbor water.
• Sky (#67C0EE): A luminous, balanced blue — the color of open sky before noon.
• Fern (#348F5B): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#002F2E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged pastel, light, 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 Alley color palette (#CBFEF9, #99EBED, #5ECBCF, #63782E, #003825)
• Weathered Orchard color palette (#E1F6FF, #C8D8F7, #97B1FB, #00897B, #002A37)
• Pale Emerald Orchard color palette (#ECFBE1, #99F8FE, #7DD1F9, #329E5D, #004D4D)
• Pale Periwinkle Boulevard color palette (#C7F0F8, #81D6E8, #60A4E0, #006E52, #002123)
• Patina Taupe color palette (#D8FEFD, #C3E0EF, #B2B0A5, #A3AC5E, #004342)
• Wisteria Station color palette (#E7F4FF, #C2D5FF, #B384FC, #00708A, #001C43)
• Tempered Garden color palette (#CFF3F7, #7CB1CF, #698AC9, #00504B, #00141D)
• Quiet Villa color palette (#F1DDCE, #D38BFF, #00B5C3, #00292D, #041117)

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