Amber Harbor color palette — #F2DEE5 · #C07F36 · #3A5446 · #3E252F · #1E151B

Mustard takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#F2DEE5): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#C07F36): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#3A5446): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#3E252F): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#1E151B): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Moss Thicket color palette (#DAE9E0, #A58F14, #2E564E, #1B3426, #1E1618)
• Muted Coral color palette (#ECE0EC, #CA7175, #5E4451, #3A2639, #1B161F)
• Ancient Amber Courtyard color palette (#FFF3E7, #DE8600, #584300, #251D14, #080403)
• Dusty Marigold color palette (#F4DEE5, #EC9300, #607664, #54454A, #1E1619)
• Ancient Atelier color palette (#ECE3D9, #9E6100, #36322B, #271D12, #0E0C06)
• Softworn Emerald Grove color palette (#CBE9E4, #429640, #1F464C, #002825, #03110B)
• Iris Corridor color palette (#E4FCF0, #ACAA51, #8B8DE9, #A763AC, #184131)
• Aged Driftwood Terrace color palette (#EEF8F0, #A9CEC0, #769A76, #8F6278, #294A3F)

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