Tempered Summit color palette — #EFF8F0 · #D4D4A0 · #6C994E · #5D5F89 · #142E23

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

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Pistachio (#D4D4A0): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#6C994E): A luminous, balanced green — the color of new leaves after rain.
• Slate (#5D5F89): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Forest (#142E23): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Worn Meadow color palette (#ECF8F4, #A9E0B3, #1BA087, #326C7F, #042F2D)
• Timeworn Teal color palette (#ECF9F2, #BAEED5, #6DAF8A, #727390, #213F39)
• Linen Pine color palette (#EAFAF0, #AEC588, #008E45, #5F4373, #001E17)
• Fern Bloom color palette (#FCF5E3, #96A171, #4E6D42, #26506A, #37362F)
• Muted Fern color palette (#FEEFE1, #AF9E76, #506F39, #563A5B, #251A00)
• Turquoise Atelier color palette (#FCF2F9, #D2D5E5, #00B9DB, #228257, #07324A)
• Timeworn Emerald color palette (#D1E7DD, #629F5B, #005C44, #3F134F, #000200)
• Lime Workshop color palette (#F5F3FF, #E3A6E9, #75C026, #A14CAC, #182F00)

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