Amber Harbor color palette — #FCD5D0 · #DF8356 · #975800 · #553C00 · #352E00

A conversation between Coral Clay and Ochre, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FCD5D0): A whisper-light, dusty orange — the color of autumn markets.
• Coral Clay (#DF8356): A luminous, balanced orange — the color of toasted spice.
• Ochre (#975800): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#553C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Espresso (#352E00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged warm.

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

• Hushed Amber Bloom color palette (#FFDCC1, #C28C32, #7B6600, #404800, #003929)
• Aged Bronze color palette (#F7D9D1, #B45D00, #614200, #2F2600, #061805)
• Brick Villa color palette (#FFCFE1, #D57E8B, #BA2818, #6E2E00, #452800)
• Quiet Amber Field color palette (#FFD2E4, #F98B87, #BE7109, #675700, #1B3900)
• Worn Garden color palette (#FCECD3, #C16B4C, #775300, #004953, #352F2A)
• Tangerine Basin color palette (#FFF2E9, #FFAAA4, #F47D14, #8F7A00, #35302B)
• Worn Terracotta Atelier color palette (#FCF3EF, #DFD9CA, #C1B09C, #984939, #433832)
• Patina Delta color palette (#FDD8BF, #B99C73, #767A4F, #3D604F, #4E394B)

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