Spruce Delta color palette — #E3ECE6 · #938A94 · #7B636F · #003038 · #000201

Built around Deep Forest, softened by Pewter — the whole palette hums with sophistication.

The five colors

• Cream (#E3ECE6): bright and airy, almost weightless.
• Heather (#938A94): a calm mid-gray that lets other colors speak.
• Pewter (#7B636F): A full-bodied, dusty rose — the color of strawberry cream.
• Deep Forest (#003038): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000201): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Spruce Delta 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 Courtyard color palette (#EDE4EC, #9B878F, #7C6465, #001A73, #030003)
• Tempered Cabin color palette (#E3ECF2, #B0BCC8, #8193AD, #004354, #000103)
• Aged Basin color palette (#F3EBF3, #BCAFB5, #A68386, #074088, #130513)
• Softworn Denim color palette (#E0ECE7, #D6C6D1, #B69BA3, #005C83, #031B13)
• Shadow Aubergine color palette (#C7E8E9, #35638A, #482057, #1C1900, #040300)
• Nightshade Ridge color palette (#FCEDF4, #E9CBCF, #C5A29A, #5E45A8, #27121E)
• Petrol Studio color palette (#F6EFF5, #E3D5D3, #CBB9B0, #64749D, #322930)
• Forest Harbor color palette (#F0EADA, #2E6729, #003229, #001624, #000200)

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