Tempered Canyon color palette — #E1F7F6 · #4B8D67 · #2C4047 · #1B2C2C · #0F1718
Built around Fern, softened by Charcoal — the whole palette hums with nature and growth.
The five colors
- Ivory (#E1F7F6): A whisper-light, dusty teal — the color of sea glass.
- Fern (#4B8D67): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal (#2C4047): A deep, shadowed, dusty blue — the color of open sky before noon.
- Onyx (#1B2C2C): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#0F1718): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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
- Cypress Workshop color palette (#CBF4FA, #007A69, #00303F, #001C20, #00090C)
- Aged Thicket color palette (#E5F6F6, #60AE85, #405E63, #243D3D, #192422)
- Hushed Mint color palette (#EFF4E4, #74CD96, #69836D, #4D5C16, #23221C)
- Nocturne Abyss color palette (#DDEDF4, #004E5A, #25232A, #000C2A, #000406)
- Washed Bronze Market color palette (#E8F8FF, #4FA7B2, #B4767A, #9B6044, #2C4751)
- Timeworn Driftwood color palette (#EEF8F1, #A2CAC2, #608A8C, #536D5D, #3C524E)
- Antique Cypress color palette (#EAF8FB, #78BFB9, #C88382, #06847D, #5B445A)
- Dusty Cypress Courtyard color palette (#F8F3F9, #D2D7EE, #68A3B5, #557A53, #405569)
Browse the whole catalog at Explore, or see today's palette.