Spruce Terrace color palette — #DBEAE1 · #4C565E · #302A00 · #0B1518 · #000300

Espresso takes the lead with Black close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DBEAE1): a clean, paper-quiet neutral.
• Charcoal Brown (#4C565E): a grounded near-black with real depth.
• Espresso (#302A00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0B1518): quiet, heavy and certain.
• Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Charred Abyss color palette (#CDE9EB, #3E4148, #00412E, #0E161A, #00080B)
• Twilit Studio color palette (#F5EBDB, #5E5500, #143000, #001309, #000201)
• Obsidian Fern color palette (#CFE7DF, #4A5E00, #303A42, #002017, #000705)
• Lagoon Corridor color palette (#E3F0F3, #00978F, #253E51, #112125, #070E0D)
• Inked Forest Market color palette (#D5E8E0, #006A36, #00312E, #2A001E, #000200)
• Smoked Aubergine color palette (#C3EAE0, #385700, #650062, #142400, #030003)
• Chestnut Thicket color palette (#F2DBD6, #735619, #003C20, #2F0223, #0F0009)
• Velvet Courtyard color palette (#D4F0E4, #3B3F00, #590044, #46001F, #010100)

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