Amber Harbor color palette — #F7E9DF · #DC7F4E · #86551E · #5E2E00 · #150A05

Built around Coral Clay, softened by Coffee — the whole palette hums with optimism and warmth.

The five colors

• Cream (#F7E9DF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Coral Clay (#DC7F4E): A luminous, balanced orange — the color of toasted spice.
• Coffee (#86551E): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#5E2E00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#150A05): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Balance. 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

• Timeworn Apricot color palette (#EFE2D4, #D69D5B, #8E6826, #683F00, #1E1710)
• Hushed Orchard color palette (#F6E4E1, #D97798, #7B574E, #52332F, #160909)
• Antique Amber color palette (#F0E5CF, #B3992A, #746010, #3F3C35, #130C02)
• Wandering Canyon color palette (#F5E3D4, #B46100, #583B13, #301500, #040100)
• Dusty Teal color palette (#F4F7EB, #C3D0AB, #4EB695, #A67A42, #343630)
• Chalky Basin color palette (#F5E2C6, #CFA85B, #6ABA78, #DF6D77, #3B2703)
• Ancient Moss color palette (#E3E4C4, #59A129, #355E3E, #303029, #060500)
• Wandering Thicket color palette (#F6EDDF, #DBBB62, #00CBBC, #B18C00, #003F39)

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