Nocturne Abyss color palette — #EBEDDD · #424E51 · #054609 · #162128 · #000B0A

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

The five colors

• Cream (#EBEDDD): A whisper-light, dusty green — the color of new leaves after rain.
• Charcoal Brown (#424E51): quiet, heavy and certain.
• Forest (#054609): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#162128): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000B0A): 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 Nocturne Abyss 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

• Nocturne Spruce Basin color palette (#C5EDE8, #004310, #3B3234, #0B181A, #000905)
• Charred Spruce color palette (#E0EED7, #5A5E66, #00372C, #151D22, #000508)
• Worn Quarry color palette (#DBE1D1, #008235, #00533C, #002627, #030E1B)
• Inked Forest color palette (#EAEED6, #00651C, #374247, #001E16, #020300)
• Dusty Lagoon color palette (#EFF4E8, #458D70, #2D4235, #242C1A, #131810)
• Quiet Garnet Workshop color palette (#E1F3F4, #00575E, #76004C, #590010, #000A0B)
• Hushed Garnet color palette (#FFEADF, #72723D, #005C52, #550700, #271400)
• Dusty Petrol color palette (#D8E9E1, #167BA3, #402A39, #09251B, #06100D)

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