Tempered Spruce color palette — #F7E9F2 · #67ADA9 · #006271 · #004121 · #002333

Forest takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F7E9F2): bright and airy, almost weightless.
• Turquoise (#67ADA9): A luminous, dusty teal — the color of sea glass.
• Peacock (#006271): A full-bodied, dusty blue — the color of open sky before noon.
• Forest (#004121): A deep, shadowed, balanced teal — the color of sea glass.
• Midnight (#002333): 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

• Antique Cypress color palette (#E1E1D2, #69AAA5, #006568, #003A30, #000E10)
• Antique Dune color palette (#EDDBE6, #68A9C0, #005C92, #003E3A, #09184F)
• Wandering Lagoon color palette (#DEEEEA, #7CC0BB, #008589, #005B4C, #002529)
• Weathered Boulevard color palette (#FFF0F9, #7EC3DC, #0073B7, #005651, #1B2D68)
• Washed Pine Balcony color palette (#F6E7DF, #7ED1CD, #00A3BC, #00824A, #002334)
• Chalky Peony Drift color palette (#CEE4FC, #ACA4E2, #AF64A4, #005767, #17214B)
• Antique Navy color palette (#EEE0E4, #5685AC, #1F367A, #002226, #0B0027)
• Cypress Veranda color palette (#FAF3F8, #C3E2EE, #5594AB, #297157, #314A61)

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