Tempered Summit color palette — #F4F0FA · #9D6A8D · #483645 · #2B2633 · #17141A

Mocha takes the lead with Charcoal close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F4F0FA): bright and airy, almost weightless.
• Mocha (#9D6A8D): A full-bodied, balanced pink — the color of neon signs at night.
• Charcoal (#483645): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#2B2633): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#17141A): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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

• Muted Blush Terrace color palette (#F4EFFB, #C782AD, #615264, #3B3543, #222127)
• Mallow Market color palette (#FFEDED, #F390D4, #AA684B, #5D5151, #262022)
• Moonless Plum color palette (#F0E1F5, #B32A61, #461E04, #220F28, #0F0410)
• Antique Balcony color palette (#FFF0FB, #C48678, #4A9897, #277B97, #4F3B49)
• Moonless Chestnut color palette (#F1DEE4, #804D00, #1E2100, #170A00, #060000)
• Lowlit Garnet Hollow color palette (#F4E7FF, #545809, #560036, #29180D, #0D0100)
• Wandering Orchard color palette (#F0F5FF, #C1C9DB, #90899F, #4B7785, #514E64)
• Driftwood Basin color palette (#FCF2F5, #A9CAB8, #6F8A62, #5E647F, #3B5347)

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