Tempered Coast color palette — #FFEEE9 · #EAA79A · #AF715A · #865832 · #554F49

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

The five colors

• Cream (#FFEEE9): a clean, paper-quiet neutral.
• Melon (#EAA79A): A luminous, balanced orange — the color of toasted spice.
• Mocha (#AF715A): A luminous, balanced orange — the color of autumn markets.
• Coffee (#865832): A full-bodied, balanced gold — the color of old brass.
• Charcoal Brown (#554F49): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

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

• Antique Station color palette (#FDF3EB, #D4A488, #5CA3C0, #9E613D, #2C5744)
• Cocoa Orchard color palette (#FFECEB, #E0A1B2, #B1696F, #894F4D, #773D18)
• Bronze Drift color palette (#FFDBDA, #E4AAAA, #B56A50, #7E4E00, #38352E)
• Driftwood Drift color palette (#FFF3E7, #D0B17A, #99823F, #696834, #504E47)
• Apricot Bloom color palette (#FFEFFF, #FFC8BE, #F6986F, #BE8760, #60434D)
• Timeworn Cocoa color palette (#FFF3E9, #DDDDCB, #B9C9A9, #B08773, #704400)
• Gentle Hollow color palette (#F8DAD0, #EE7E14, #A16100, #6A4700, #30410E)
• Softworn Lagoon color palette (#FFF3E8, #BE8B65, #419B89, #7C6BA2, #47413C)

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