Tempered Summit color palette — #FFF2EA · #CC835F · #589980 · #73709D · #663300

A conversation between Caramel and Bronze, giving this palette its sense of optimism and balance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Caramel (#CC835F): A luminous, balanced orange — the color of toasted spice.
• Fern (#589980): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#73709D): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#663300): A deep, shadowed, balanced gold — the color of old brass.

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

• Ancient Delta color palette (#FFF3E3, #C28D23, #209CA0, #886990, #46423B)
• Patina Grove color palette (#FFEEE3, #C88C72, #4E99AE, #4A809C, #362214)
• Patina Blush Coast color palette (#FFF2F0, #CB7C96, #83924E, #518272, #523C39)
• Aged Apricot Pier color palette (#FFF0F8, #E39E7E, #67B1C8, #738BBB, #503B47)
• Dusty Grape Cabin color palette (#FFE7CD, #B16F00, #00847E, #764898, #452902)
• Chestnut Courtyard color palette (#F9F5E8, #BFBA90, #848356, #78570A, #4A4B00)
• Softworn Thicket color palette (#FFF3E9, #FBBF97, #A8704A, #694227, #3A342F)
• Airy Moss Thicket color palette (#FEF6D2, #8A9000, #0086B6, #8B566D, #3A3831)

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