Tempered Summit color palette — #F6F6EF · #CBE4DC · #99BC9C · #2D9A84 · #38523E

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

The five colors

• Ivory (#F6F6EF): bright and airy, almost weightless.
• Silver (#CBE4DC): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#99BC9C): A luminous, dusty green — the color of fresh herbs.
• Fern (#2D9A84): A luminous, balanced teal — the color of shallow lagoons.
• Deep Olive (#38523E): A full-bodied, dusty teal — the color of sea glass.

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

• Timeworn Terrace color palette (#EEF9ED, #95D1CE, #C0B175, #00A19E, #504D46)
• Dusty Periwinkle Bloom color palette (#E8FBEC, #74BFCB, #92A0E3, #72A06E, #35483A)
• Tempered Field color palette (#FAF4F0, #CCE7DE, #5EA5B6, #4A7B5D, #3A5048)
• Dusty Terrace color palette (#E8EADC, #5BB0BD, #007288, #004A4A, #001720)
• Washed Cerulean color palette (#EDF0E3, #A9CEBB, #3091BD, #006A78, #00314D)
• Washed Quarry color palette (#FEF3EA, #DBC7B3, #B59479, #9F643B, #643E00)
• Soft Lantern color palette (#E6EADD, #8DB6DB, #3275C5, #005474, #021851)
• Washed Lagoon color palette (#F5F6EF, #C9E6E1, #92BDA3, #249898, #345244)

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