Tempered Canyon color palette — #E8E4C8 · #31C46A · #007CDF · #001732 · #0E0010

Clover and Azure set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#E8E4C8): A whisper-light, dusty green — the color of a quiet forest floor.
• Clover (#31C46A): A luminous, vivid teal — the color of glacier melt.
• Azure (#007CDF): A full-bodied, vivid blue — the color of open sky before noon.
• Midnight (#001732): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0E0010): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Tempered Canyon 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

• Hazy Workshop color palette (#C0EADB, #00BB5A, #5983FF, #040D43, #01021B)
• Aged Mint Thicket color palette (#EEECCE, #00E1A0, #7582EA, #181A4C, #150812)
• Lime Field color palette (#F2EBD3, #8DD700, #1298E7, #002F4C, #0D1A25)
• Chalky Amethyst Pier color palette (#E7F2E1, #00C18A, #8643EA, #18092F, #0C0005)
• Aged Loft color palette (#E8F1E2, #AE9E00, #0099D2, #001522, #000503)
• Weathered Thicket color palette (#DAEADE, #00A395, #9500AE, #16001C, #040001)
• Washed Station color palette (#D5F3DF, #00B8AD, #C63CD1, #2B102C, #0F0406)
• Airy Nightshade color palette (#F5E0EE, #9C9B22, #2D1F9F, #0E004C, #020015)

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