Tempered Summit color palette — #FDF3EA · #E8DDB7 · #9ADEB5 · #C78B56 · #454740
A conversation between Mustard and Lagoon, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF3EA): bright and airy, almost weightless.
- Celadon Mist (#E8DDB7): A whisper-light, dusty green — the color of fresh herbs.
- Lagoon (#9ADEB5): A whisper-light, balanced teal — the color of sea glass.
- Mustard (#C78B56): A luminous, balanced gold — the color of old brass.
- Charcoal (#454740): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged 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
- Tempered Bronze Lagoon color palette (#FBF4E8, #DCE3C9, #A1803D, #5B4100, #201A10)
- Worn Bronze color palette (#FFF2E9, #E2DBC2, #C6A790, #A66942, #5A3600)
- Apricot Corridor color palette (#FDF3ED, #FDC7B0, #96CDFF, #E98D65, #28574C)
- Gentle Moss Villa color palette (#F8F6E4, #C7DF99, #65CAE9, #7C9546, #003F4F)
- Hushed Orchard color palette (#FFF3E8, #F4BF99, #B0C48B, #CA8DA7, #542D00)
- Taupe Balcony color palette (#FFF2EF, #F7D2CA, #B3CCFD, #C78396, #553D52)
- Raspberry Market color palette (#F8EED0, #9E9600, #C74569, #545000, #170005)
- Tempered Field color palette (#FDEDF2, #D4AA84, #1CB0BA, #9C6324, #0A3743)
Browse the whole catalog at Explore, or see today's palette.