Tempered Summit color palette — #F2F3E4 · #97BF9F · #508168 · #575A09 · #252A14

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

The five colors

• Cream (#F2F3E4): a clean, paper-quiet neutral.
• Sage (#97BF9F): A luminous, dusty teal — the color of sea glass.
• Fern (#508168): A full-bodied, dusty teal — the color of shallow lagoons.
• Olive (#575A09): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#252A14): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Powdered Study color palette (#F3F3E0, #83B77F, #2D7D4A, #005A45, #042904)
• Driftwood Ridge color palette (#F5F2E6, #C9C4A5, #8A863D, #5E6820, #32312A)
• Bronze Terrace color palette (#F8F6E6, #C7E5CB, #66AE9D, #82782E, #343E00)
• Wandering Lagoon Thicket color palette (#ECF8F6, #9ECFCC, #669D80, #5E7B57, #224A48)
• Forest Bloom color palette (#E3E6D4, #689B78, #006546, #00433B, #101400)
• Patina Pine Basin color palette (#DFFAE8, #319DB2, #7478B7, #377C45, #0C2416)
• Pale Moss color palette (#F0E4C7, #9C9A21, #556300, #24490E, #181700)
• Tempered Moss Atelier color palette (#E8F6EC, #42B5C9, #8E943E, #007181, #282A00)

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