Airy Harbor color palette — #E4FBF7 · #7AAF6F · #C27872 · #A6560A · #163A35

Built around Ochre, softened by Jade — the whole palette hums with nature and growth.

The five colors

• Ivory (#E4FBF7): A whisper-light, dusty teal — the color of glacier melt.
• Jade (#7AAF6F): A luminous, balanced green — the color of a quiet forest floor.
• Caramel (#C27872): A luminous, balanced orange — the color of toasted spice.
• Ochre (#A6560A): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#163A35): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Tempered Lantern color palette (#E6F9FC, #54B2A0, #BC813D, #846D00, #17393D)
• Faded Plum Lantern color palette (#E8FBEE, #B79C46, #B677A7, #AB4A60, #203A29)
• Washed Bronze color palette (#F6F3FE, #C49AC5, #C38D74, #987332, #3E3A4C)
• Rust Boulevard color palette (#C4EEED, #00A060, #CA4400, #784E00, #002714)
• Weathered Aqua Pier color palette (#E7FBEC, #00D1E6, #E69677, #BD7E66, #25382A)
• Coral Cabin color palette (#F7E9FA, #D26981, #9E7B00, #576A00, #331C38)
• Timeworn Plum color palette (#EFF6FF, #7AA0D6, #BA74A6, #A84D5F, #253447)
• Timeworn Plum color palette (#E8F8FF, #0092A0, #AF486E, #6A4E00, #20373F)

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