Midnight Spruce Coast color palette — #F4EEDA · #414D48 · #392C00 · #171E17 · #050400

Built around Espresso, softened by Cream — the whole palette hums with nature and growth.

The five colors

• Cream (#F4EEDA): A whisper-light, dusty green — the color of fresh herbs.
• Charcoal Brown (#414D48): quiet, heavy and certain.
• Espresso (#392C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#171E17): a grounded near-black with real depth.
• Ink (#050400): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Midnight Spruce Coast 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 Lantern color palette (#E1E4C3, #625B63, #113800, #131E1B, #000601)
• Eclipse Fern Garden color palette (#F2EACA, #575A00, #2C393C, #1E1B00, #0D0900)
• Lagoon Pier color palette (#EDF5E9, #00917D, #344033, #252A23, #111613)
• Antique Olive color palette (#EFEBDB, #6B7118, #2E491E, #002323, #020C16)
• Garnet Loft color palette (#ECE8CA, #475A00, #7A0011, #1B2400, #140001)
• Cobalt Meadow color palette (#E4E9D7, #2988C1, #003E6C, #00202C, #00081D)
• Spruce Thicket color palette (#F3EDDA, #404D4A, #313000, #151E18, #030500)
• Onyx Studio color palette (#EDE1D3, #424C46, #412700, #181D15, #070400)

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