Tempered Apricot color palette — #FFF2EE · #EED5C5 · #FD9986 · #A66652 · #514A45

A conversation between Melon and Mocha, giving this palette its sense of sophistication.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#EED5C5): A whisper-light, dusty gold — the color of honey in a jar.
• Melon (#FD9986): A luminous, balanced orange — the color of toasted spice.
• Mocha (#A66652): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal Brown (#514A45): a grounded near-black with real depth.

Feels like: Sophistication. Tagged light, muted.

Use it as a design system

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

• Patina Mustard color palette (#FFF3E7, #E4E0B4, #E7AF58, #91773A, #4C4841)
• Ancient Apricot Alley color palette (#FFF2F0, #FFC3CD, #EF9C8F, #B2856B, #6D4200)
• Softworn Apricot color palette (#FEE6DA, #FE903B, #AF6600, #643D00, #332000)
• Hushed Alley color palette (#FFF1F3, #FFD1D9, #E18EC3, #A76E89, #674643)
• Muted Driftwood Pier color palette (#F5DFFC, #E19C9E, #BB756D, #7F4B33, #482839)
• Worn Seafoam color palette (#FFF2EB, #ECD8BC, #A8DC9E, #C8886C, #464740)
• Tempered Amber color palette (#FFF2EE, #FFB490, #E97600, #9A5500, #502E00)
• Cocoa Summit color palette (#FFF2E9, #DEDBCB, #DAAA9B, #97B2B7, #724104)

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