Tempered Cocoa Harbor color palette — #FFF3E4 · #ECD6B2 · #CCB18D · #A58D73 · #5C4300

Bronze takes the lead with Sand close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Wheat (#ECD6B2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#CCB18D): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#A58D73): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, muted.

Use it as a design system

One click turns Tempered Cocoa 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

• Bronze Delta color palette (#FBF0E3, #C4BBA2, #A5793D, #764C3C, #2E2D1A)
• Washed Honey color palette (#FEEDC5, #CDCE72, #B3A64F, #977C28, #33390D)
• Driftwood Basin color palette (#EDF9ED, #BDE7E1, #9BB79C, #936E7E, #2F453B)
• Hushed Powder color palette (#FFF0FB, #ADC0FF, #DDA3B8, #88A282, #463843)
• Amber Lagoon color palette (#F1E3C5, #AA8D00, #8A6800, #674500, #0E0B00)
• Worn Apricot color palette (#FCECE2, #ED9B6C, #C87555, #98564A, #371D01)
• Timeworn Ridge color palette (#F8F2FF, #EEC8FF, #DAA6D9, #B07EA1, #673650)
• Seafoam Meadow color palette (#FBF1FB, #AEEFCC, #B292B2, #776777, #302830)

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