Amber Harbor color palette — #F1DBD8 · #EA9263 · #B87600 · #775E00 · #3E3800

A conversation between Mustard and Apricot, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F1DBD8): A whisper-light, dusty orange — the color of autumn markets.
• Apricot (#EA9263): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#B87600): A luminous, balanced gold — the color of old brass.
• Olive (#775E00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#3E3800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, 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

• Ancient Amber color palette (#FBDAC6, #F8A658, #D48600, #986700, #513B09)
• Wandering Boulevard color palette (#F3DDC8, #DAA13F, #918300, #576B00, #284318)
• Tempered Amber color palette (#FFE3D9, #C66F00, #7E5500, #463F00, #1C2400)
• Timeworn Ember Coast color palette (#FBE5EB, #F38B94, #C7643F, #944A12, #543500)
• Softworn Bronze color palette (#DCEEDA, #BCAD7D, #A17742, #794F3C, #15382C)
• Timeworn Lagoon color palette (#FFF1C1, #D3B766, #A78002, #655000, #2D2100)
• Gentle Azure color palette (#E3F4E5, #CAA14E, #2FA0DB, #916A00, #003A55)
• Patina Driftwood color palette (#E7FCE5, #B6E5E4, #9FD3B3, #B37B67, #234631)

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