Spruce Terrace color palette — #D3F1FF · #5B534F · #003038 · #121319 · #000304

Deep Forest and Frost set the tone — five colors that lean into sophistication and depth.

The five colors

• Frost (#D3F1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Charcoal Brown (#5B534F): quiet, heavy and certain.
• Deep Forest (#003038): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#121319): quiet, heavy and certain.
• Ink (#000304): quiet, heavy and certain.

Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

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

• Lowlit Denim Workshop color palette (#DFF1F9, #005B7C, #003049, #00101F, #000104)
• Cellar Terrace color palette (#DDECFF, #4C403A, #002461, #180E1A, #010012)
• Abyss Studio color palette (#D3EAFF, #00517D, #01490E, #002136, #000200)
• Washed Iris Courtyard color palette (#EAECFB, #8C75B5, #3A384E, #1C1D2A, #0A0C13)
• Velvet Fern color palette (#D9EAE2, #4E6013, #1A3100, #001A06, #010100)
• Patina Navy color palette (#DEEBEA, #507EA1, #003C6F, #001D2A, #000106)
• Charred Navy Delta color palette (#E1EDFA, #43547A, #342F6C, #30001F, #0B0002)
• Twilit Aubergine Terrace color palette (#D0E2F5, #003C6E, #4E0062, #002925, #000104)

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