Tempered Spruce color palette — #E7F4EA · #568C6C · #065C70 · #4C3400 · #0F3200

A conversation between Deep Forest and Peacock, giving this palette its sense of nature and growth.

The five colors

• Cream (#E7F4EA): a clean, paper-quiet neutral.
• Fern (#568C6C): A full-bodied, dusty teal — the color of glacier melt.
• Peacock (#065C70): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#4C3400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Deep Forest (#0F3200): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Cocoa Study color palette (#FCECCD, #7D8D52, #216A61, #622507, #382B00)
• Timeworn Spruce color palette (#E9F2DD, #3D8A93, #435688, #293F00, #00311F)
• Tempered Terrace color palette (#F4E1DC, #70ABA8, #006177, #02420B, #00203D)
• Hushed Turquoise color palette (#E5F2E9, #64B1C4, #8381B1, #517053, #3B2600)
• Fern Market color palette (#D0FBF1, #65AEA1, #4B72A1, #4C5100, #00443B)
• Washed Forest color palette (#E8DED2, #7D7E45, #07540D, #00363A, #1C1C00)
• Petrol Boulevard color palette (#D8E2D4, #277696, #463164, #00260E, #001014)
• Abyss Study color palette (#CBEAD1, #6C98BD, #7C618D, #00543E, #004248)

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