Tempered Canyon color palette — #D5F6F4 · #006634 · #3C3B43 · #001F21 · #000C0B

Pine and Ink set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D5F6F4): A whisper-light, dusty teal — the color of shallow lagoons.
• Pine (#006634): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#3C3B43): a grounded near-black with real depth.
• Ink (#001F21): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000C0B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Denim Dune color palette (#C5E9F6, #006167, #373138, #011B34, #000B10)
• Smoked Forest color palette (#E3EAD6, #00663C, #1F272D, #121E04, #040600)
• Muted Pine Harbor color palette (#C7EFEE, #008852, #003D2E, #001B1B, #000605)
• Washed Orchard color palette (#DEE4D0, #00A65D, #07605D, #2F312A, #060500)
• Cerulean Veranda color palette (#E5F5FD, #008BA8, #333D4C, #1F2A31, #111619)
• Brick Quarry color palette (#CFEDF4, #007C77, #AD1B1E, #6E3800, #00242B)
• Ancient Ultramarine Boulevard color palette (#F9EAEE, #88B7E0, #515FB5, #004F51, #342549)
• Pale Plum Boulevard color palette (#B6E8F3, #00928A, #B4344D, #005550, #48141D)

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