Airy Harbor color palette — #FDF1FB · #F7AFA6 · #A1BE6C · #C86F66 · #30564C

Coral Clay takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Rose Quartz (#F7AFA6): A luminous, balanced orange — the color of toasted spice.
• Sage (#A1BE6C): A luminous, balanced green — the color of fresh herbs.
• Coral Clay (#C86F66): A luminous, balanced orange — the color of toasted spice.
• Charcoal Brown (#30564C): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Balance. Tagged light.

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

• Amber Pier color palette (#EFF8EF, #E0BE8F, #68C6AC, #B18238, #2F5458)
• Antique Canyon color palette (#FFF0F8, #E89C78, #A7AC4A, #B37FA1, #4F3C47)
• Muted Lilac Lantern color palette (#FCF2F8, #EDB5A2, #C19FEA, #BB7963, #494A64)
• Worn Parlor color palette (#FEF1F8, #EFD9C0, #83DFD5, #CB866D, #264D55)
• Aged Hollow color palette (#FFF0FC, #EA968D, #52A8AF, #9C5F59, #2E535F)
• Hushed Taupe color palette (#EBF9F0, #B0D5C1, #AC9B5F, #617D66, #3A4D44)
• Bronze Orchard color palette (#FCF2F5, #E8CDA2, #9C7547, #65414D, #32282B)
• Wandering Clover color palette (#FFF0F8, #FF8A3A, #00BA52, #B95800, #00481B)

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