Tempered Summit color palette — #FFF1F1 · #FFD7C5 · #DB8B41 · #856C2A · #234B3D

A conversation between Mustard and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Shell Pink (#FFD7C5): A whisper-light, dusty orange — the color of autumn markets.
• Mustard (#DB8B41): A luminous, balanced gold — the color of old brass.
• Walnut (#856C2A): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#234B3D): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Dusty Bronze color palette (#FFE1D5, #D59574, #B36B25, #745000, #334D21)
• Aged Coast color palette (#FFF2EB, #FFD8A2, #B1A237, #647133, #11423F)
• Powdered Lagoon color palette (#FFDDD4, #F29704, #9E7800, #515100, #082800)
• Sunlit Amber color palette (#FFF1F5, #FFC98A, #8ABFFB, #B67C2E, #243A52)
• Hushed Sand color palette (#FFF1F6, #EEDCA1, #BC9570, #805E78, #1D3830)
• Tempered Bronze Basin color palette (#F9D1E4, #CB9467, #A46606, #704900, #362500)
• Amber Loft color palette (#FFF5D5, #DBDDBB, #BE9949, #755B0F, #2C1F00)
• Bronze Veranda color palette (#FCE5D1, #976E00, #444300, #091300, #000201)

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