Tempered Summit color palette — #FFF3E7 · #EAFFB1 · #DCE5C8 · #D38869 · #553B13
A conversation between Butter and Coral Clay, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Butter (#EAFFB1): A whisper-light, balanced green — the color of new leaves after rain.
- Celadon Mist (#DCE5C8): A whisper-light, dusty green — the color of new leaves after rain.
- Coral Clay (#D38869): A luminous, balanced orange — the color of toasted spice.
- Cocoa (#553B13): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Celadon Chapel color palette (#FFF4DD, #F0FFA4, #B2FFC4, #BD873A, #3D3B34)
- Worn Coral Pier color palette (#FFF3E9, #D7EEBC, #7DECBF, #F38A85, #4E4943)
- Basalt Ridge color palette (#FCF5E0, #D1EBC9, #99D2CC, #BDA87C, #4A4300)
- Patina Coral color palette (#FFF2EC, #DFD9CD, #B7C7D4, #C87989, #5F3625)
- Timeworn Amber color palette (#FFF3E9, #FCC482, #D17831, #904834, #362402)
- Faded Mustard color palette (#E4FEE1, #FDDEA6, #C5B73B, #A45900, #594016)
- Weathered Fern color palette (#F5F7E4, #BEE3F3, #C1BB9A, #9DA4B7, #4C570C)
- Quiet Seafoam Studio color palette (#E5FFCE, #C2EFEB, #07F3E1, #8A820A, #13390E)
Browse the whole catalog at Explore, or see today's palette.