Midnight Spruce Pier color palette — #D2E9E1 · #3D4650 · #283300 · #131B20 · #000602

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

The five colors

• Honeydew (#D2E9E1): A whisper-light, dusty teal — the color of sea glass.
• Charcoal (#3D4650): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Forest (#283300): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#131B20): quiet, heavy and certain.
• Ink (#000602): 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 Midnight Spruce Pier 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

• Obsidian Forest Drift color palette (#D0E8E5, #076714, #3D3C44, #001F23, #000C0A)
• Muted Cypress color palette (#CFEBEE, #008470, #1A3643, #0D2326, #060E11)
• Aubergine Basin color palette (#DEF4F4, #00613E, #6B0062, #002817, #10000E)
• Garnet Field color palette (#D5F8E6, #004C33, #5C004C, #46002C, #000201)
• Softworn Olive color palette (#FAEFCD, #517018, #004238, #390B2A, #230018)
• Spruce Lagoon color palette (#CFF0DE, #35434D, #332F00, #0F1A1E, #010600)
• Spruce Lagoon color palette (#D7EEEA, #424750, #0D3800, #151C21, #000604)
• Spruce Study color palette (#C7E7DC, #343E46, #252E00, #0E1519, #000302)

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