Ancient Spruce color palette — #F4DEF2 · #A3677C · #663529 · #00350E · #00221D

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

The five colors

• Blush (#F4DEF2): A whisper-light, dusty pink — the color of neon signs at night.
• Mocha (#A3677C): A full-bodied, balanced rose — the color of strawberry cream.
• Cocoa (#663529): A deep, shadowed, dusty orange — the color of toasted spice.
• Deep Forest (#00350E): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#00221D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Ancient 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 Terrace color palette (#FFE3DE, #A86659, #723F00, #00312B, #051827)
• Mulberry Villa color palette (#E7E8F8, #7A648E, #742E59, #362D00, #091E00)
• Powdered Station color palette (#F1D9F1, #C6738C, #AC6252, #235D35, #002823)
• Washed Garnet color palette (#E3F0FF, #785293, #721B2E, #002633, #000C14)
• Ancient Terracotta Station color palette (#E0ECFF, #A575B5, #9C422F, #004552, #001E26)
• Dusty Pewter color palette (#FCE7DF, #AC8F76, #796837, #005157, #063D2F)
• Timeworn Aubergine color palette (#FBEDD9, #736E2E, #313D00, #2A005C, #121000)
• Tempered Onyx Coast color palette (#E9DBD3, #A28862, #565929, #004055, #291F49)

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