Tempered Summit color palette — #F4DAC4 · #D4C69D · #87B192 · #A37983 · #5F3737

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

The five colors

• Peach Cream (#F4DAC4): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#D4C69D): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#87B192): A luminous, dusty teal — the color of sea glass.
• Mocha (#A37983): A luminous, dusty red — the color of a theater curtain.
• Cocoa (#5F3737): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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 Grove color palette (#F0E5B8, #A3D7BA, #7BB4BF, #A26F73, #6E3115)
• Ancient Station color palette (#F7F6E7, #A9D7B8, #4BB4A3, #A87470, #303B00)
• Tempered Study color palette (#E5ECD1, #6AC3BE, #6797C5, #996241, #3C3731)
• Timeworn Ash Basin color palette (#D8E9DD, #84B7A9, #527F7F, #39475F, #2B2946)
• Lagoon Workshop color palette (#F1E7DA, #99AD74, #39997E, #845172, #411C35)
• Celadon Harbor color palette (#F7FAC3, #C9E6AC, #7EA885, #5D7865, #123F2F)
• Weathered Garnet Lagoon color palette (#E9F2D4, #5E8E73, #007B8D, #722621, #200E00)
• Gentle Delta color palette (#E7E7CA, #9BDA60, #D96F8C, #AC6BE7, #2E2D10)

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