Airy Harbor color palette — #F9D8D8 · #E476B8 · #A97B00 · #007264 · #170C58

Bubblegum and Ochre set the tone — five colors that lean into optimism and creativity.

The five colors

• Shell Pink (#F9D8D8): A whisper-light, dusty red — the color of a theater curtain.
• Bubblegum (#E476B8): A luminous, balanced pink — the color of neon signs at night.
• Ochre (#A97B00): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#007264): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#170C58): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Balance. Tagged cool.

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

• Hushed Lagoon color palette (#FFEDEB, #F38CB4, #B58C21, #00836D, #152759)
• Wandering Coral Cabin color palette (#FAD9CF, #ED7982, #838C00, #006E7E, #2F0346)
• Powdered Field color palette (#F7D8E0, #C481E8, #C46640, #476F00, #00242D)
• Coral Cabin color palette (#FFF0FD, #D76D69, #586D00, #313F00, #000C22)
• Quiet Peony Cabin color palette (#F1DBDD, #BC5BB5, #007744, #004E45, #002528)
• Worn Stone color palette (#FFE5F1, #E1A1A5, #B4866C, #4A826C, #233F26)
• Bronze Loft color palette (#F8E5D3, #A55E00, #006835, #00395E, #050004)
• Feathered Scarlet Field color palette (#F3DED5, #E2372B, #556F00, #004C5D, #100018)

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