Tempered Canyon color palette — #F9F0EC · #C7E6C9 · #0C9BC7 · #356C45 · #3A223B

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Cream (#F9F0EC): bright and airy, almost weightless.
• Celadon Mist (#C7E6C9): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#0C9BC7): A luminous, balanced blue — the color of deep harbor water.
• Pine (#356C45): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#3A223B): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Ancient Delta color palette (#F7F0EA, #C3E5DA, #7589D0, #006C6D, #3D222E)
• Washed Forest Parlor color palette (#FCEFEB, #A1DCDC, #0090B5, #006724, #00254A)
• Hushed Turquoise color palette (#FBF2FA, #B5F2F5, #62B0D3, #578766, #39495E)
• Frosted Iris color palette (#FBF0E3, #CA995D, #7D7FE9, #8A5800, #381C2F)
• Antique Cobalt color palette (#FDEFE5, #66CAEB, #0074C8, #005343, #140B4A)
• Denim Canyon color palette (#EADBD4, #3A98A7, #004F74, #002D1C, #00001E)
• Quiet Cabin color palette (#F2E7DC, #507EA0, #2005AE, #001F1F, #020007)
• Aged Bronze color palette (#F9F0E5, #AEAF7D, #8E703A, #68412E, #232412)

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