Nocturne Forest color palette — #DCF3F3 · #00724B · #302E35 · #00161A · #000202

Pine and Ink set the tone — five colors that lean into sophistication and depth.

The five colors

• Frost (#DCF3F3): A whisper-light, dusty teal — the color of sea glass.
• Pine (#00724B): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#302E35): a grounded near-black with real depth.
• Ink (#00161A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000202): 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 Forest 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

• Petrol Dune color palette (#C2E9FA, #006C79, #2B252A, #00112E, #000102)
• Abyss Hollow color palette (#D3F1F2, #005138, #29252B, #00120E, #000201)
• Abyss Alley color palette (#CEE6E2, #6E6662, #005A51, #181A1F, #00060C)
• Wandering Alley color palette (#E7FBEF, #81B268, #007157, #463C00, #020A00)
• Wandering Meadow color palette (#D2E7D5, #00B189, #007B76, #003744, #001122)
• Dusty Turquoise color palette (#E7F9FF, #00C5D4, #455669, #212D32, #091111)
• Worn Lagoon color palette (#DCE3D2, #008F66, #004E42, #162202, #010200)
• Powdered Scarlet Quarry color palette (#D1F6FF, #00A7A2, #D13E3C, #005A57, #180001)

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