Airy Harbor color palette — #D2F4EA · #49C862 · #008D65 · #00686A · #143619

Built around Clover, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D2F4EA): A whisper-light, dusty teal — the color of glacier melt.
• Clover (#49C862): A luminous, vivid green — the color of a quiet forest floor.
• Fern (#008D65): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#00686A): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#143619): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Airy Harbor 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

• Washed Alley color palette (#D3F3F0, #00C89B, #008A81, #2F693C, #003729)
• Muted Workshop color palette (#D8F3E5, #91BD0F, #17901B, #2B5F88, #27330B)
• Antique Summit color palette (#F4F8DF, #88D8A3, #009569, #00675B, #002610)
• Wandering Coast color palette (#E8FAF2, #A1C08A, #559062, #51657B, #1B3C36)
• Quiet Boulevard color palette (#CEF6E5, #60A556, #006B4F, #004C59, #093903)
• Dusty Jade Boulevard color palette (#F2EBD1, #96D388, #00B182, #008A9E, #0C3800)
• Worn Lantern color palette (#CBE9E5, #009B70, #006057, #35325B, #001314)
• Hushed Atelier color palette (#EAF9F6, #ADDBDB, #71A89A, #6A828C, #3F5151)

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