Tempered Summit color palette — #F1F3EA · #BEE8E5 · #7BA893 · #53745B · #253C33

Sage and Pewter set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1F3EA): a clean, paper-quiet neutral.
• Silver (#BEE8E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#7BA893): A luminous, dusty teal — the color of shallow lagoons.
• Pewter (#53745B): A full-bodied, dusty teal — the color of glacier melt.
• Forest (#253C33): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. 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

• Ash Delta color palette (#F0F3EB, #BFE6ED, #7F9ECA, #487665, #422F3F)
• Patina Orchard color palette (#E9EAE0, #7BC2C1, #007A81, #004C42, #001A1F)
• Tempered Terrace color palette (#FBF3EE, #C1E2EE, #B4C1ED, #829A7A, #594657)
• Washed Balcony color palette (#FFEDED, #DF9AC6, #72A2CA, #945C81, #12392F)
• Wandering Stone color palette (#FFEDEA, #E4D4CE, #ABC2A3, #A58585, #493A37)
• Dusty Parlor color palette (#E2E6D7, #5291BA, #004C7F, #002A37, #000410)
• Patina Bronze color palette (#FFEEE1, #D4B597, #AC7445, #80481D, #332A20)
• Antique Blush color palette (#FFEDEB, #D87A9A, #B68049, #926B7E, #35221F)

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