Nocturne Workshop color palette — #D8F0F4 · #007365 · #002A3B · #03171A · #000508
Built around Teal, softened by Midnight — the whole palette hums with sophistication and depth.
The five colors
- Frost (#D8F0F4): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007365): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002A3B): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#03171A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000508): quiet, heavy and certain.
Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Nocturne Workshop 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
- Deep Olive Summit color palette (#DCF4EE, #417200, #002C2F, #031814, #000505)
- Moonless Abyss Meadow color palette (#C7F6F3, #00504E, #2D272E, #00111A, #000405)
- Lagoon Alley color palette (#E5F0E1, #009582, #234838, #1A2515, #0D0E05)
- Tempered Field color palette (#DAE8D5, #00B3A0, #326B73, #304229, #0B0F06)
- Aged Lantern color palette (#E6F4FF, #0087BD, #333D4E, #212A30, #11151A)
- Weathered Sapphire Boulevard color palette (#E6F1FF, #0062D4, #2D214D, #07182D, #050812)
- Obsidian Ultramarine color palette (#E5EDFA, #2827E3, #413133, #171532, #02081A)
- Weathered Corridor color palette (#C6EBFF, #0087A4, #B0462F, #884713, #102F3E)
Browse the whole catalog at Explore, or see today's palette.