Tempered Summit color palette — #F4F6EE · #C8E8EC · #AACAF0 · #81AD9B · #5E4C5C

Sky takes the lead with Sage close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Frost (#C8E8EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#AACAF0): A whisper-light, dusty blue — the color of deep harbor water.
• Sage (#81AD9B): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#5E4C5C): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, 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 Taupe Lantern color palette (#F5F6ED, #C6E9E5, #A6D3BC, #89AD8E, #3F594E)
• Weathered Stone color palette (#FAF4EE, #C4E2F6, #C8A4C3, #6C9175, #5F4C57)
• Timeworn Mint Courtyard color palette (#F5F7E1, #9EDA8C, #73CED8, #CBA87C, #42433C)
• Aged Cerulean color palette (#F4F6ED, #BDEDD6, #79BAE3, #319AB0, #1C3D58)
• Patina Fern Quarry color palette (#F4F8E1, #C8EBCF, #97C4C2, #607F8D, #495100)
• Weathered Alley color palette (#F6F1EC, #C6E4E8, #8B9ACC, #167A7B, #482D38)
• Wandering Cerulean color palette (#E7E8D9, #58C2C9, #0094A5, #006E67, #00171E)
• Celadon Quarry color palette (#F5F9D7, #C0EFB6, #9ECA99, #76966F, #373831)

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