Tempered Spruce color palette — #EFDFD9 · #5AACAD · #00617C · #003D15 · #000A1D
Forest takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#EFDFD9): a clean, paper-quiet neutral.
- Turquoise (#5AACAD): A luminous, balanced teal — the color of glacier melt.
- Peacock (#00617C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#003D15): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#000A1D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Spruce 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
- Softworn Denim Corridor color palette (#F0E4DB, #62A6C6, #2B5798, #003A33, #0C002B)
- Washed Market color palette (#EDF9EF, #94DADB, #00899D, #005341, #000F17)
- Weathered Summit color palette (#F3E9F3, #7FBEBF, #0081A3, #005E26, #001F42)
- Spruce Boulevard color palette (#ECDAD5, #4B8481, #004352, #012102, #000104)
- Frosted Cobalt Loft color palette (#FFEEE2, #74C7EC, #3070C6, #005348, #1A0050)
- Pine Drift color palette (#CDE7CC, #00825E, #004D4C, #00262F, #000E20)
- Gentle Dune color palette (#D7E9D8, #007A7D, #A6071B, #003F40, #180001)
- Hushed Forest color palette (#D9ECDA, #75B3EC, #9D77C2, #00621D, #001519)
Browse the whole catalog at Explore, or see today's palette.