Tempered Canyon color palette — #CCE7DC · #4B885F · #004F4A · #002B4E · #000B03

Fern takes the lead with Midnight close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#CCE7DC): A whisper-light, dusty teal — the color of sea glass.
• Fern (#4B885F): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004F4A): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#002B4E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000B03): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Antique Forest color palette (#F4E0E6, #807C31, #135202, #003133, #090800)
• Hushed Ridge color palette (#D4EFDB, #69833B, #005133, #490E34, #050A00)
• Worn Dune color palette (#F4F8E3, #5FB695, #006F66, #004451, #000A06)
• Muted Fern Boulevard color palette (#F3E2E8, #978F57, #3B6125, #37315E, #161200)
• Deep Fern color palette (#D8EBDF, #3A651E, #003225, #2B0018, #000200)
• Onyx Delta color palette (#FDDDE9, #766812, #204000, #33023C, #040300)
• Tempered Olive color palette (#FEECF4, #96BFA2, #6B7D4C, #515170, #162D1E)
• Hushed Denim color palette (#F2E4EA, #68A5C5, #2754A5, #003A35, #0D002A)

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