Nocturne Spruce Loft color palette — #D9F1E1 · #524E59 · #003039 · #0C161A · #000305

Built around Deep Forest, softened by Honeydew — the whole palette hums with sophistication and depth.

The five colors

• Honeydew (#D9F1E1): A whisper-light, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#524E59): a grounded near-black with real depth.
• Deep Forest (#003039): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0C161A): a grounded near-black with real depth.
• Ink (#000305): a grounded near-black with real depth.

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

Use it as a design system

One click turns Nocturne Spruce Loft 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 Abyss Veranda color palette (#C4E9FB, #004E5C, #25252D, #001018, #000204)
• Abyss Workshop color palette (#D1F0E6, #00517E, #004911, #002037, #000200)
• Smoked Pier color palette (#DBF3E7, #007697, #002D46, #00150B, #000502)
• Hushed Iris Drift color palette (#FAE8EE, #8F72B6, #503139, #28191F, #100B0D)
• Shadow Canyon color palette (#EBE7D9, #4C6200, #183100, #001A07, #010100)
• Navy Basin color palette (#D3ECE2, #27598F, #202970, #33002A, #0E0005)
• Nightshade Coast color palette (#E8D9E4, #2100AF, #580049, #00282D, #00000B)
• Navy Canyon color palette (#FBE4FA, #003E91, #060434, #070D11, #030004)

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