Tempered Summit color palette — #F2F4E1 · #70A55F · #3F8EA5 · #7C5438 · #232413

Moss takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F2F4E1): A whisper-light, dusty green — the color of a quiet forest floor.
• Moss (#70A55F): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#3F8EA5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Coffee (#7C5438): A full-bodied, dusty gold — the color of honey in a jar.
• Onyx (#232413): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Washed Emerald Meadow color palette (#F2F3E4, #679F60, #2D778B, #703F00, #211C0C)
• Muted Teal color palette (#EAF6E5, #1AAC97, #6B83AD, #755A09, #1D2619)
• Amber Courtyard color palette (#F8F1E4, #B09224, #43947D, #7D4F57, #292212)
• Patina Boulevard color palette (#EAF9F5, #809A67, #7B7AA4, #7C4D6E, #2E423D)
• Teal Delta color palette (#F4F3DE, #53C2A4, #2E8887, #425174, #253020)
• Mint Bloom color palette (#F1F3EB, #93D79B, #3C938B, #507F56, #11180F)
• Wandering Workshop color palette (#DCF0D5, #00887B, #4062A7, #4F4300, #071403)
• Driftwood Loft color palette (#F0F3EB, #CFDAD4, #A1B1B2, #758D4B, #353731)

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