Tempered Summit color palette — #EDF7F9 · #CEDBE7 · #9CB9C3 · #177365 · #313D3F

Teal and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EDF7F9): bright and airy, almost weightless.
• Silver (#CEDBE7): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#9CB9C3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#177365): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#313D3F): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Washed Lagoon color palette (#F2F7F0, #CEDDD9, #ACC4C1, #33937D, #363D32)
• Patina Petrol Grove color palette (#F0F6FD, #DAD7EA, #B0BCD8, #406BA6, #344151)
• Weathered Abyss color palette (#DBE9EF, #98ADB9, #63849C, #003F49, #011720)
• Wandering Turquoise color palette (#B3F4FE, #72AEC8, #5F768C, #545377, #443D56)
• Dusty Denim Bloom color palette (#EAEFF6, #C5CCDC, #999FB7, #415282, #282E38)
• Dusty Workshop color palette (#E5FAFF, #00E6BD, #00C1C0, #00879E, #0F3946)
• Hushed Taupe Loft color palette (#E7FBEF, #9CA154, #5A6A2D, #29544E, #1C3D31)
• Wandering Harbor color palette (#D6F7F0, #009A95, #006676, #3B3671, #13353F)

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