Amber Harbor color palette — #FBEDCC · #FF96AC · #CD8433 · #367D9F · #362F2B

Built around Mustard, softened by Ballet Pink — the whole palette hums with trust and stability.

The five colors

• Custard (#FBEDCC): A whisper-light, dusty gold — the color of old brass.
• Ballet Pink (#FF96AC): A luminous, balanced red — the color of embers at dusk.
• Mustard (#CD8433): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#367D9F): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#362F2B): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Balance. Tagged retro.

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

• Softworn Apricot Terrace color palette (#FEECCE, #FF9D7A, #AB972D, #5274B1, #352F2A)
• Muted Mallow color palette (#F6EFD3, #F393E3, #DE7461, #2E8289, #462624)
• Washed Blush Loft color palette (#FFEDE9, #FF8798, #73A357, #2576AD, #002E4B)
• Soft Harbor color palette (#E2FDF0, #ED98C3, #AE6D24, #04577E, #3A1316)
• Oat Pier color palette (#FFD7CC, #E2BFA4, #B6AA8B, #927D91, #4F3B4E)
• Weathered Dune color palette (#E2F5DF, #F77555, #AC6221, #455F1F, #422637)
• Rose Delta color palette (#F2E7CF, #FF4E64, #9E6B00, #005A8D, #2C0800)
• Mustard Lantern color palette (#F8D8B7, #C2AB00, #19AA6C, #744695, #2A2400)

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