Amber Harbor color palette — #FCEDF4 · #D98341 · #4A5E50 · #403439 · #252024

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

The five colors

• Blush (#FCEDF4): a clean, paper-quiet neutral.
• Mustard (#D98341): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#4A5E50): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#403439): quiet, heavy and certain.
• Onyx (#252024): 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

• Tempered Moss Loft color palette (#E3F8ED, #AB9F00, #445E5A, #2F3B35, #1F231F)
• Hushed Ridge color palette (#F9EDFB, #E96E89, #64525C, #3D353E, #222126)
• Softworn Chestnut color palette (#FEF3EA, #D7A17B, #714C00, #37281B, #140E0A)
• Aged Bronze color palette (#FBEDF4, #AA6C41, #2C4236, #32242B, #1A1416)
• Aged Apricot color palette (#FAF0E7, #E7A67B, #927831, #7A4611, #28201D)
• Patina Mustard Ridge color palette (#E3FDEC, #C7B05E, #8FA3D8, #9483A9, #34483B)
• Patina Honey color palette (#FFF0F9, #F6BD7B, #B99B58, #817E49, #305449)
• Tempered Mustard color palette (#E9FBEC, #E1C07A, #ADA9E7, #A08958, #444C68)

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