Tempered Summit color palette — #FDF1F8 · #CBFDED · #A97963 · #583C4D · #23171E

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

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Honeydew (#CBFDED): A whisper-light, dusty teal — the color of shallow lagoons.
• Mocha (#A97963): A luminous, dusty orange — the color of toasted spice.
• Cocoa (#583C4D): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#23171E): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Driftwood Thicket color palette (#EEF8F0, #B4E2EC, #968459, #324E3A, #161E18)
• Timeworn Chapel color palette (#FAF3F7, #BEEAD1, #C19184, #8F5F53, #342730)
• Marigold Villa color palette (#DCF6E5, #C19D3C, #483A00, #171D22, #0B0700)
• Chestnut Alley color palette (#F8F0EC, #CEC590, #8F4C3C, #522000, #1C110C)
• Bronze Drift color palette (#F0DFE6, #A46D00, #1E2E2A, #2E1300, #030100)
• Tempered Mallow color palette (#F7F3FE, #E9AED2, #7EB7D3, #6484AF, #352E3E)
• Patina Chestnut color palette (#EDF9EF, #EDCB86, #7D5E0E, #352500, #000601)
• Aged Villa color palette (#E8FBEF, #EBDDA7, #9DA972, #3C7F7B, #30453A)

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