Hazy Pine color palette — #E0F6C9 · #89C490 · #008863 · #005A54 · #00454A

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

The five colors

• Honeydew (#E0F6C9): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#89C490): A luminous, balanced green — the color of new leaves after rain.
• Fern (#008863): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#005A54): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#00454A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Dusty Olive Drift color palette (#FCF2C2, #A8B267, #568410, #00602D, #004A37)
• Misty Lagoon color palette (#EDFCD2, #7EC7B6, #009A9D, #006778, #314473)
• Muted Jade Garden color palette (#FFEEC5, #B3D184, #3DA97D, #00727A, #004063)
• Mint Coast color palette (#F3F7E9, #D6EF98, #38D390, #00999C, #3E413B)
• Hushed Courtyard color palette (#FFF4E2, #6FA965, #007B6D, #5E3E72, #3C3E37)
• Worn Pewter Field color palette (#F5F6EF, #D5DDD6, #B0C6BB, #647D55, #48493E)
• Pine Atelier color palette (#DBE6D5, #008549, #004A3D, #002020, #000F12)
• Cerulean Harbor color palette (#F3F8DB, #ABBFA3, #568E9E, #775C61, #634944)

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