Airy Harbor color palette — #C9E8C6 · #CDB93C · #CA8300 · #B54C2C · #1E2F00
Terracotta and Mustard set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#C9E8C6): A whisper-light, dusty green — the color of new leaves after rain.
- Gold (#CDB93C): A luminous, balanced green — the color of new leaves after rain.
- Mustard (#CA8300): A luminous, balanced gold — the color of old brass.
- Terracotta (#B54C2C): A full-bodied, balanced orange — the color of autumn markets.
- Deep Forest (#1E2F00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, 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
- Moss Market color palette (#BEEAD3, #96CA69, #A49700, #9D6200, #00321E)
- Softworn Amber Chapel color palette (#FDCFE5, #E5AD3B, #E27000, #AF4D53, #2B2B00)
- Misty Bronze Quarry color palette (#F1DABF, #C1A148, #A16B00, #7E3F00, #2E2A00)
- Wandering Taupe color palette (#EBFAEC, #B0DCC7, #C9A66D, #AF7961, #27433E)
- Muted Pier color palette (#F2E7DB, #A28C39, #7D5000, #5B2200, #111400)
- Sunlit Lantern color palette (#DEF3E0, #D29700, #1BA96B, #751CCE, #251800)
- Scarlet Meadow color palette (#F2DEEB, #CBC500, #DB4100, #80321B, #1D0517)
- Marigold Boulevard color palette (#FFE6DE, #F0A700, #9F9C00, #00842F, #00322A)
Browse the whole catalog at Explore, or see today's palette.