Amber Harbor color palette — #F8E0ED · #E9B68A · #D8865C · #AB6359 · #213623

A conversation between Coral Clay and Mocha, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#F8E0ED): A whisper-light, dusty pink — the color of a candy shop window.
• Sand (#E9B68A): A luminous, balanced gold — the color of afternoon light on wheat.
• Coral Clay (#D8865C): A luminous, balanced orange — the color of autumn markets.
• Mocha (#AB6359): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#213623): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, 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

• Aged Amber Harbor color palette (#D9EFDB, #D4C180, #BF9651, #9F6D42, #14382A)
• Bronze Summit color palette (#F5E1EC, #C8A880, #B96741, #7D4A51, #1D372A)
• Ember Orchard color palette (#F6EAF5, #E3C484, #C76767, #7C4443, #1E111D)
• Misty Ember color palette (#FDF1F9, #FFB5A2, #B0A700, #E96949, #051E13)
• Powdered Bronze Field color palette (#FFE6F1, #C8944C, #B86300, #943A17, #001C0A)
• Muted Lagoon color palette (#FFD5BE, #F5B268, #C29700, #817C00, #273400)
• Wandering Harbor color palette (#F0DCCF, #BA8E6D, #8A5639, #5D3021, #251300)
• Washed Stone Pier color palette (#ECF9F2, #B8E5D4, #BEB885, #7B9B82, #3A4C48)

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