Tempered Canyon color palette — #ECD6EB · #78BF6A · #0098B3 · #B0303F · #002C1F

Ruby and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Thistle (#ECD6EB): A whisper-light, dusty pink — the color of neon signs at night.
• Jade (#78BF6A): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#0098B3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Ruby (#B0303F): A full-bodied, vivid red — the color of embers at dusk.
• Deep Forest (#002C1F): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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

• Patina Azure color palette (#FFE6F9, #8CCC9A, #00A6D5, #B15446, #003931)
• Softworn Plum Atelier color palette (#EDD4F2, #B7AE36, #009E8C, #B01B74, #142B00)
• Patina Study color palette (#EBDBE2, #52AF68, #0082A6, #824100, #001B16)
• Airy Cornflower Station color palette (#CBE7CE, #00C6A7, #2F8AE4, #855E00, #002A2E)
• Pale Mulberry Lagoon color palette (#F0DBBA, #00AC82, #007784, #7D0067, #002B26)
• Patina Bronze color palette (#D4F5DC, #99C29A, #5BA7BA, #936E2B, #473602)
• Teal Orchard color palette (#D6EAE4, #8ACAAC, #00A5A9, #658033, #003221)
• Lagoon Canyon color palette (#DDF1F5, #00A196, #2D5971, #003834, #000605)

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