Hazy Pine color palette — #FFF2EF · #8DDBD8 · #009CBE · #00791D · #00345E

Olive and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ice Blue (#8DDBD8): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#009CBE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#00791D): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#00345E): A deep, shadowed, balanced blue — the color of deep harbor water.

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

• Worn Pine Basin color palette (#FEF0FF, #B2FFFA, #00ABCD, #127815, #002644)
• Cornflower Lantern color palette (#FFF2EB, #9BD5E7, #0092EB, #00755B, #232378)
• Powdered Forest color palette (#F7E7E3, #99BC9B, #0080A4, #005E27, #001F42)
• Soft Atelier color palette (#FEF4E4, #7BF0EA, #00C0D1, #009C72, #003948)
• Weathered Iris color palette (#FCF4EB, #B1E0D3, #8390D2, #007B7F, #43305B)
• Hushed Alley color palette (#FBF3F1, #CEE6E1, #83BAD6, #59966F, #614960)
• Petrol Workshop color palette (#EADBD4, #76ABBD, #0069B2, #004C3C, #0E0046)
• Sunlit Veranda color palette (#F2DEE9, #DA4EA8, #7B8A00, #297B3C, #450030)

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