Tempered Garden color palette — #F5F3E1 · #778F48 · #006C53 · #353674 · #1F0B02

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

The five colors

• Cream (#F5F3E1): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#778F48): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#006C53): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#353674): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#1F0B02): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Tempered Garden 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 Pine color palette (#F1F4E2, #43864F, #0E688A, #483062, #1F1003)
• Wandering Lagoon color palette (#FFEEE3, #A7603F, #007450, #233F74, #200D06)
• Airy Navy Delta color palette (#EFF4E5, #00814F, #2E4098, #61152B, #0D0C00)
• Amber Canyon color palette (#FFEFDD, #BE944C, #4E783C, #4F3872, #2B2108)
• Misty Driftwood color palette (#F8F1E3, #A08D42, #126E91, #3F386B, #350A29)
• Patina Aubergine color palette (#F5F3CB, #597600, #005257, #220074, #140000)
• Antique Onyx color palette (#D6E3D1, #00736C, #004662, #45003C, #070400)
• Washed Nightshade color palette (#EDF9F1, #A6964D, #008C83, #5C4A96, #36212D)

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