Hazy Pine color palette — #FFF2EE · #4DE5DB · #009CB9 · #207711 · #003559

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Lagoon (#4DE5DB): A whisper-light, balanced teal — the color of sea glass.
• Cerulean (#009CB9): A luminous, balanced blue — the color of open sky before noon.
• Olive (#207711): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#003559): A deep, shadowed, balanced blue — the color of open sky before noon.

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

• Airy Basin color palette (#FFF2EB, #66DDFB, #0092E7, #00755A, #262D5F)
• Tempered Lantern color palette (#FEF1F9, #B2FFFA, #00ACC6, #007743, #00283B)
• Soft Lagoon color palette (#EFDDD8, #6BC2C2, #0081A2, #075D24, #001F41)
• Turquoise Market color palette (#F6F6E7, #9FEAE3, #00C2C6, #009A81, #003B40)
• Softworn Cypress Alley color palette (#E4FBF5, #70C9C3, #007E81, #005748, #003A41)
• Timeworn Turquoise color palette (#FCF3EF, #CCEFD3, #62AFD8, #54876A, #563F54)
• Linen Summit color palette (#FAE7DD, #2EB3D1, #006AAC, #004C3A, #0B0C36)
• Softworn Seafoam color palette (#FFF6C9, #34F7C8, #4DC9FE, #A76F00, #194520)

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