Tempered Pine Canyon color palette — #D7E2D5 · #00773D · #004F36 · #00241F · #000E14
Built around Pine, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Bone (#D7E2D5): A whisper-light, dusty green — the color of fresh herbs.
- Pine (#00773D): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004F36): A deep, shadowed, balanced teal — the color of sea glass.
- Onyx (#00241F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000E14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Sophistication. Tagged muted.
Use it as a design system
One click turns Tempered Pine 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 Summit color palette (#D1EEE4, #008077, #004B4C, #002C33, #001820)
- Weathered Olive color palette (#E2E1C1, #5E7800, #294E00, #002C09, #001615)
- Misty Emerald color palette (#D7E4C6, #009627, #006849, #003632, #001D1E)
- Worn Villa color palette (#E8F1E2, #006F5A, #890057, #00352A, #230013)
- Patina Aubergine Dune color palette (#CCF3EA, #005A4E, #540096, #4A2600, #000A08)
- Weathered Cobalt Studio color palette (#D2E8E2, #00B6C1, #008BC0, #004A24, #002120)
- Quiet Terrace color palette (#F1DCCA, #CC01E5, #00818F, #061017, #000301)
- Faded Meadow color palette (#DDF0F0, #00A2B4, #00637C, #004763, #212652)
Browse the whole catalog at Explore, or see today's palette.