Midnight Spruce color palette — #D4E9E5 · #1A4200 · #002A53 · #2A0010 · #000200

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

The five colors

• Honeydew (#D4E9E5): A whisper-light, dusty teal — the color of glacier melt.
• Forest (#1A4200): A deep, shadowed, balanced green — the color of fresh herbs.
• Midnight (#002A53): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#2A0010): A deep, shadowed, dusty red — the color of a theater curtain.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged dark, muted.

Use it as a design system

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

• Shadow Thicket color palette (#DBF4E9, #3E4000, #002132, #160300, #020200)
• Obsidian Aubergine Balcony color palette (#E9E9D0, #233F00, #2A0075, #27001A, #010200)
• Charred Forest Terrace color palette (#E8EAD6, #007226, #003932, #00131A, #00040E)
• Fern Terrace color palette (#DEF1E9, #596100, #002853, #1C2000, #000206)
• Spruce Archive color palette (#D9E5E4, #8C9DA2, #567589, #003518, #000C0C)
• Patina Aubergine color palette (#D5F6EE, #375F00, #4701B4, #4B003E, #010200)
• Aubergine Hollow color palette (#E0EFFF, #00467B, #36098E, #370C00, #00050E)
• Pale Nightshade color palette (#CEE5EC, #005D61, #3D21A2, #4F0B00, #001112)

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