Charred Spruce color palette — #EFF2DF · #374045 · #004310 · #0B181A · #000905

Forest and Cream set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EFF2DF): A whisper-light, dusty green — the color of new leaves after rain.
• Charcoal (#374045): quiet, heavy and certain.
• Forest (#004310): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#0B181A): quiet, heavy and certain.
• Ink (#000905): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Charred 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

• Moonless Harbor color palette (#D6EBD5, #535B65, #003F3F, #182127, #00080C)
• Tempered Forest Atelier color palette (#E9F2D7, #006D40, #394247, #002520, #000B04)
• Weathered Villa color palette (#F0E7D0, #5F7106, #164100, #241E00, #020300)
• Patina Parlor color palette (#DCEBE5, #007FAF, #1D3150, #061A13, #030804)
• Hazy Pine color palette (#E4F5D8, #0B7C54, #004B4E, #320F41, #1E0011)
• Aged Mulberry Drift color palette (#DEE8DA, #006A5E, #880044, #00322B, #0A0002)
• Shadow Aubergine Courtyard color palette (#D3F4F1, #005550, #590086, #442700, #000201)
• Patina Navy color palette (#F1E6D6, #5D91B1, #004A88, #002B32, #01001E)

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