Tempered Spruce color palette — #EEDFDA · #51A1A3 · #00617D · #003F17 · #00091B

Forest and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#EEDFDA): bright and airy, almost weightless.
• Eucalyptus (#51A1A3): A luminous, dusty teal — the color of sea glass.
• Peacock (#00617D): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003F17): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#00091B): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Ancient Denim Loft color palette (#EAE0EA, #67B0B3, #005D7A, #002E12, #000105)
• Denim Studio color palette (#FBE9DD, #4D9EBB, #0058A5, #003C32, #08002A)
• Petrol Cabin color palette (#ECE3D4, #6AAEB1, #008297, #005F4D, #000B12)
• Timeworn Hollow color palette (#DFECE2, #488D90, #004450, #00231B, #000B12)
• Quiet Indigo Lantern color palette (#FCEDDF, #88B7DC, #546BCE, #005959, #261340)
• Patina Delta color palette (#F6ECE7, #94CFE2, #3D8BD1, #006E59, #252855)
• Hushed Drift color palette (#EEDAF9, #7C279F, #005C44, #004042, #040007)
• Misty Navy Quarry color palette (#ECD8F5, #D492A1, #AA733D, #2F3D8C, #1E000F)

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