Airy Harbor color palette — #FFF1F1 · #EBB3FF · #FF7BC2 · #E83223 · #4F1E2D

A conversation between Poppy and Bubblegum, giving this palette its sense of creativity and warmth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Lavender (#EBB3FF): A whisper-light, balanced pink — the color of neon signs at night.
• Bubblegum (#FF7BC2): A luminous, vivid rose — the color of strawberry cream.
• Poppy (#E83223): A luminous, vivid orange — the color of autumn markets.
• Espresso (#4F1E2D): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Creativity, Warmth, Comfort, Energy, Balance. Tagged candy, vibrant, light, 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

• Sunlit Blush Villa color palette (#FFF2EF, #FFA2F0, #FF7396, #BA5B00, #542020)
• Timeworn Corridor color palette (#FFF1F2, #CEC3FF, #FA42FB, #D5264D, #4B1F3C)
• Faded Harbor color palette (#FFEBE7, #E084DF, #ED387B, #A23F00, #41101B)
• Misty Boulevard color palette (#FFEDEC, #CFD1FF, #FF8BBD, #B37100, #3B030F)
• Scarlet Alley color palette (#FFDFE9, #FF7186, #DC0030, #912700, #6D2F00)
• Hazy Amber color palette (#FAF1FF, #DADAFF, #FF99CC, #CE9100, #59212D)
• Muted Amber Villa color palette (#FFF3E9, #FF8990, #E67000, #857500, #3E2300)
• Raspberry Corridor color palette (#FFF1F6, #BDCFFF, #BF94FF, #CA3895, #422355)

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