Nocturne Study color palette — #DFF6E9 · #785900 · #282832 · #181400 · #030200

Built around Coffee, softened by Ink — the whole palette hums with optimism and sophistication.

The five colors

• Honeydew (#DFF6E9): A whisper-light, dusty teal — the color of sea glass.
• Coffee (#785900): A full-bodied, balanced gold — the color of old brass.
• Onyx (#282832): quiet, heavy and certain.
• Ink (#181400): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#030200): quiet, heavy and certain.

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

Use it as a design system

One click turns Nocturne Study 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

• Bronze Lantern color palette (#E4DECB, #9B6900, #2F2D00, #1A221C, #070600)
• Bronze Alley color palette (#ECE7DA, #A48200, #544900, #1A1500, #030200)
• Midnight Pine Terrace color palette (#E1EFD5, #00771F, #003B29, #001411, #000306)
• Twilit Forest color palette (#D9F3DE, #0B5A0D, #002B26, #190025, #000502)
• Wandering Marigold color palette (#E4FCF1, #C69A30, #4A4C00, #272900, #001C1D)
• Spruce Bloom color palette (#D7E4E1, #879F9F, #53787D, #143400, #000C0A)
• Amber Terrace color palette (#D1EAEE, #B88A00, #00463B, #00201A, #000A13)
• Velvet Navy Dune color palette (#D3F6E5, #3B3A00, #00216B, #21002C, #020200)

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