Airy Harbor color palette — #F0DBE1 · #DD8E21 · #B87200 · #006F78 · #3D002A

Mustard takes the lead with Ochre close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#F0DBE1): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#DD8E21): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#B87200): A luminous, balanced gold — the color of old brass.
• Teal (#006F78): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#3D002A): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Creativity, Warmth, Comfort. 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 Wisteria color palette (#E0DFF3, #C286DC, #A67D00, #006E80, #29044F)
• Ancient Cabin color palette (#EEDED2, #C76926, #6E6500, #00502D, #410014)
• Weathered Basin color palette (#F2DAE6, #C8A6BE, #B39765, #4A729A, #37355B)
• Hazy Ember color palette (#DAE1F4, #9694FA, #D5571A, #007453, #1D055A)
• Weathered Ember Meadow color palette (#FDE8F6, #E6562A, #405C40, #402638, #080209)
• Feathered Grape color palette (#F0DAEA, #EE7C67, #009B72, #753DB8, #3C002D)
• Hazy Moss Grove color palette (#F6EEFF, #EC8FC1, #8F9D26, #0075BA, #3F1946)
• Timeworn Navy color palette (#FCE4EF, #C56100, #4F7100, #0036A1, #150100)

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