Tempered Cocoa color palette — #FEF4E4 · #FFC0A1 · #C1AC7B · #739580 · #683C00

Bronze and Cantaloupe set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FEF4E4): A whisper-light, dusty gold — the color of honey in a jar.
• Cantaloupe (#FFC0A1): A whisper-light, balanced orange — the color of toasted spice.
• Camel (#C1AC7B): A luminous, dusty gold — the color of honey in a jar.
• Eucalyptus (#739580): A luminous, dusty teal — the color of sea glass.
• Bronze (#683C00): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged retro, light, muted.

Use it as a design system

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

• Dusty Shell Coast color palette (#FFF4E2, #FFBACF, #DD9C87, #829272, #57423C)
• Washed Sand color palette (#FDF3EC, #FFB382, #8FB58C, #608EA6, #57383F)
• Antique Cocoa Archive color palette (#FDF4E4, #F2A7A6, #9F9261, #816381, #6D3803)
• Muted Chapel color palette (#FAF5EB, #DEE3B1, #BAB890, #AA958D, #5C4C00)
• Antique Marigold Lantern color palette (#FDEFE2, #EAA75B, #967631, #5B534A, #26201C)
• Weathered Powder color palette (#F9F4ED, #BEE4F2, #A0CEE9, #8EAB8D, #34514A)
• Timeworn Quarry color palette (#FFF4E2, #C7CF73, #6CB884, #7A7BB3, #3E3E36)
• Wandering Canyon color palette (#FFF4DE, #FFAC40, #A5A400, #0083BE, #453204)

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