Hazy Pine color palette — #C0EAE9 · #00884F · #004C90 · #540034 · #140D00

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

The five colors

• Honeydew (#C0EAE9): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#00884F): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#004C90): A full-bodied, balanced blue — the color of deep harbor water.
• Mulberry (#540034): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Ink (#140D00): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Softworn Ultramarine Station color palette (#C1E9ED, #00856D, #080BE1, #55002E, #150D00)
• Pale Aubergine color palette (#C0EBDE, #617E00, #005664, #3D0069, #230100)
• Aged Aubergine Courtyard color palette (#CEE8F1, #007A7F, #4E1BA4, #51000B, #0B0C00)
• Hazy Aubergine Quarry color palette (#ECEAC4, #5B8410, #5400A9, #620028, #3C0C00)
• Velvet Aubergine Market color palette (#D5EBF8, #00627A, #53006F, #300E00, #010500)
• Dusty Forest Villa color palette (#D3F1E5, #006B53, #403C42, #002424, #000B06)
• Aubergine Meadow color palette (#E1EFC4, #00A762, #006FAB, #780074, #3A1B00)
• Dusty Villa color palette (#DDF2E3, #00ABA5, #00708A, #691E5F, #400513)

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