Tempered Canyon color palette — #DCE8DE · #009573 · #00746B · #00434A · #000406

A conversation between Fern and Teal, giving this palette its sense of calm and sophistication.

The five colors

• Parchment (#DCE8DE): bright and airy, almost weightless.
• Fern (#009573): A full-bodied, balanced teal — the color of sea glass.
• Teal (#00746B): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#00434A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000406): a grounded near-black with real depth.

Feels like: Calm, Sophistication. Tagged muted, cool.

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

• Pale Aubergine Veranda color palette (#EADDC8, #009066, #00666E, #65005B, #000503)
• Olive Drift color palette (#E3E6D3, #358621, #00554A, #00262F, #000410)
• Sunlit Navy color palette (#CFF1F2, #008FA7, #00699A, #003A76, #010011)
• Hazy Ultramarine Cabin color palette (#E3EDDB, #008669, #104CB8, #65003E, #030100)
• Pine Orchard color palette (#E9ECE3, #96A49D, #738F87, #007746, #070B00)
• Ancient Petrol Balcony color palette (#DBF3EA, #6C8A6F, #276D91, #6A324E, #290001)
• Soft Cerulean color palette (#CBF5E8, #49C9C1, #00A0B4, #006E91, #002649)
• Clover Delta color palette (#EAF2E6, #5EBD65, #00AB95, #008BA5, #000807)

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