Amber Harbor color palette — #FFF2EB · #D9B69B · #C37A5C · #8E594D · #5A3200

Caramel and Cocoa set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sand (#D9B69B): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#C37A5C): A luminous, balanced orange — the color of autumn markets.
• Walnut (#8E594D): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#5A3200): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Muted Bronze Basin color palette (#FBF4EB, #D9C8AE, #B4966B, #996931, #5D4300)
• Bronze Grove color palette (#FAE3D3, #D4A27D, #BA6835, #814A37, #352F2A)
• Softworn Blush Ridge color palette (#FFE7F4, #F3ADCB, #D06E8A, #A04350, #6B1C1E)
• Misty Chestnut color palette (#FFDFC7, #BF7A3D, #964700, #682505, #231200)
• Bronze Studio color palette (#FBEDCF, #BBB873, #9B8600, #785C00, #35390E)
• Taupe Hollow color palette (#FFF0F9, #F0C1D6, #D39E8A, #9B7D97, #324231)
• Chalky Moss color palette (#FFF2ED, #E57A76, #969514, #4A7E3E, #38312E)
• Timeworn Bronze color palette (#FDEBCD, #806E24, #574100, #322000, #050300)

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