Amber Harbor color palette — #FFF0F7 · #F3BEDF · #DC98A9 · #AD8347 · #4D4356

Caramel and Rosewood Mist set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Carnation (#F3BEDF): A whisper-light, dusty pink — the color of neon signs at night.
• Rosewood Mist (#DC98A9): A luminous, balanced red — the color of late-summer berries.
• Caramel (#AD8347): A luminous, balanced gold — the color of old brass.
• Charcoal (#4D4356): A full-bodied, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, Sophistication. Tagged retro, light, muted.

Use it as a design system

One click turns Amber 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

• Washed Driftwood Villa color palette (#FEF0FB, #D0C9F8, #C0A0D1, #B67974, #44465B)
• Moss Quarry color palette (#EEF9ED, #FBC0B6, #D2A287, #81964F, #563F4F)
• Misty Coral color palette (#FFF1F6, #FFA0B9, #F46C65, #8F7900, #54232C)
• Tempered Ash Lantern color palette (#FFEFFF, #F0D0D6, #D2B4C3, #79A694, #3B554E)
• Mallow Harbor color palette (#F3F0F9, #E09FCB, #817788, #575160, #222028)
• Tempered Canyon color palette (#F8F6E5, #DFD6FF, #D189A6, #378176, #4E383E)
• Softworn Lagoon color palette (#F1F5FF, #BFC2F3, #95B487, #329991, #254660)
• Wandering Stone color palette (#F0F7F2, #CBE5D7, #91C2AE, #AA8FAE, #3A5447)

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