Airy Harbor color palette — #FFF2EE · #FFBF8F · #DA5F77 · #844650 · #271511

A conversation between Scarlet and Cantaloupe, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Cantaloupe (#FFBF8F): A whisper-light, balanced gold — the color of old brass.
• Scarlet (#DA5F77): A luminous, balanced red — the color of a theater curtain.
• Coffee (#844650): A full-bodied, balanced red — the color of embers at dusk.
• Ink (#271511): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged luxury, dark, 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 Peony Summit color palette (#FFF1F3, #FFBDA2, #B96FB3, #724D6F, #291317)
• Chalky Amber color palette (#FFF3E9, #FFC26C, #D56E13, #7D4F31, #281605)
• Softworn Marigold color palette (#F2D7CE, #FC9F41, #BA5456, #6D3535, #190401)
• Muted Coast color palette (#FBF1FF, #FDD276, #A74269, #540F2D, #0E0214)
• Timeworn Study color palette (#FBF4EA, #F5DAAA, #B99968, #8D6424, #322A1F)
• Muted Workshop color palette (#F6E4D4, #C78800, #844600, #3F1F00, #040100)
• Mustard Study color palette (#FFF1F1, #BFC416, #A8367B, #5D2144, #271515)
• Coral Workshop color palette (#FFF2ED, #FF8373, #B1A519, #8257AE, #341614)

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