Twilit Spruce Harbor color palette — #F6F0D8 · #525E63 · #303000 · #131E1B · #000602

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

The five colors

• Cream (#F6F0D8): A whisper-light, dusty green — the color of new leaves after rain.
• Graphite (#525E63): a grounded near-black with real depth.
• Espresso (#303000): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#131E1B): 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 Twilit Spruce Harbor 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

• Abyss Cabin color palette (#E2F1DA, #404B52, #004439, #1D1F27, #000A10)
• Spruce Bloom color palette (#F7ECCF, #5C5B00, #01450C, #001A10, #000609)
• Smoked Lantern color palette (#E6E5CE, #1B6D53, #003235, #300018, #000804)
• Lagoon Workshop color palette (#ECF5EC, #238D92, #2A423C, #202C21, #101812)
• Garnet Garden color palette (#E6E6D7, #3A5D00, #72004A, #152600, #120008)
• Aged Onyx color palette (#EFDEDA, #80622B, #1D441F, #420A1F, #250200)
• Inked Aubergine color palette (#DAEFE8, #004B3C, #500068, #3A004C, #000202)
• Smoked Onyx Summit color palette (#FEECD5, #4C5D5F, #3E2900, #171D16, #030500)

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