Hazy Pine color palette — #E9E1E9 · #89CECD · #00A1C8 · #148330 · #00203F

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

The five colors

• Rose Water (#E9E1E9): a clean, paper-quiet neutral.
• Aqua (#89CECD): A luminous, dusty teal — the color of sea glass.
• Cerulean (#00A1C8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive Leaf (#148330): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#00203F): A deep, shadowed, dusty 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

• Muted Azure color palette (#F8E6F0, #89CBE2, #3996EC, #007F68, #181649)
• Petrol Meadow color palette (#EDE7DD, #7EBFBE, #008394, #005B46, #00232F)
• Forest Villa color palette (#EDE2EE, #6CAEA9, #00829B, #136209, #000A17)
• Ancient Jade color palette (#D4EAD1, #00B288, #008D86, #00647A, #002036)
• Periwinkle Delta color palette (#FFF0F8, #A6E4FF, #6EADFF, #009A86, #2F2569)
• Feathered Quarry color palette (#CCF2FE, #92CDFF, #BDAAF1, #479246, #002C3D)
• Washed Scarlet Atelier color palette (#C5EBF8, #009FA8, #D94D38, #9C5800, #001517)
• Wandering Turquoise color palette (#CEE5EC, #00BCDF, #0094A3, #005C67, #00090B)

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