Tempered Summit color palette — #FFF1F2 · #CCB1AA · #99826D · #4A6B5A · #355150

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Rosewood Mist (#CCB1AA): A luminous, dusty orange — the color of autumn markets.
• Mocha (#99826D): A luminous, dusty gold — the color of afternoon light on wheat.
• Pine (#4A6B5A): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#355150): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Sophistication. Tagged vintage, retro, 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

• Aged Loft color palette (#FFE7F7, #D2B0C0, #779274, #506844, #033F3D)
• Pewter Harbor color palette (#FFF0EC, #C1A791, #948967, #75586D, #5C4652)
• Tempered Stone color palette (#F6F3FF, #E1C6E5, #D5B28F, #7898AC, #354F63)
• Patina Fern color palette (#FFF2EB, #E2C8B3, #B29775, #617E55, #42530B)
• Muted Pewter color palette (#FCE5DE, #AB946C, #557248, #634052, #50292B)
• Timeworn Delta color palette (#FBF4E7, #B7B187, #518058, #704E5C, #4C4300)
• Sunlit Corridor color palette (#FFDEE6, #E18C8E, #BB634B, #844412, #4A4915)
• Misty Terracotta color palette (#FFF2EA, #D08D6C, #1A99B1, #9E4A19, #004B58)

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