Spruce Terrace color palette — #E7EEE7 · #82918B · #786472 · #003132 · #000200

Deep Forest takes the lead with Graphite close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#E7EEE7): a clean, paper-quiet neutral.
• Eucalyptus (#82918B): a calm mid-gray that lets other colors speak.
• Graphite (#786472): A full-bodied, dusty pink — the color of a candy shop window.
• Deep Forest (#003132): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Spruce Terrace 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

• Spruce Terrace color palette (#E1EBE3, #89A094, #547A6E, #003236, #020C04)
• Aged Abyss color palette (#E3EAED, #AFBDC6, #7C95AC, #00454A, #000102)
• Washed Navy color palette (#F1E6EF, #A99BA1, #917374, #001F95, #090208)
• Dusty Denim Delta color palette (#E4EBE7, #D2C7D2, #B39DA6, #005F73, #061B10)
• Twilit Parlor color palette (#F6E9D8, #535E29, #003417, #00181D, #010100)
• Petrol Hollow color palette (#F5F0F5, #DFD5D5, #CDB8B1, #4D78A5, #302A31)
• Faded Aubergine Coast color palette (#CFE4D6, #00984F, #006B82, #4C00A5, #000103)
• Lapis Boulevard color palette (#F9EEF6, #E6CCD3, #C5A29F, #3F3AD7, #251321)

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