Tempered Summit color palette — #DFE2D1 · #7B9A00 · #3A7600 · #00440C · #001C0B

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

The five colors

• Bone (#DFE2D1): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#7B9A00): A luminous, balanced green — the color of new leaves after rain.
• Olive (#3A7600): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#00440C): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#001C0B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged 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

• Fern Thicket color palette (#D1F8E5, #758C00, #126B0F, #00404B, #0E1A00)
• Amber Garden color palette (#F8EDD7, #A88A00, #716500, #383D00, #141D00)
• Jade Bloom color palette (#D9EEDA, #00AF6C, #007257, #00493F, #001E1C)
• Muted Pine color palette (#C4E9DE, #C6BB00, #77A600, #009029, #101E00)
• Ancient Market color palette (#F6D8C2, #C59F00, #497200, #003522, #000303)
• Muted Pine color palette (#D0E5E3, #008D2E, #005F5F, #003655, #181100)
• Soft Emerald Pier color palette (#EBFCCC, #A3CD86, #54A85F, #007842, #004630)
• Fern Pier color palette (#DAE4DF, #B7C9C2, #81B0A4, #686300, #10241B)

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