Nocturne Onyx color palette — #F9E9C8 · #423700 · #002B4E · #1E0031 · #020200

A conversation between Deep Indigo and Midnight, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F9E9C8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#423700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Midnight (#002B4E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#1E0031): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged dark, muted.

Use it as a design system

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

• Velvet Balcony color palette (#F1E9D0, #2F2C00, #001832, #140017, #050100)
• Navy Studio color palette (#EBEADB, #2A3F00, #1B0080, #27001B, #010200)
• Lowlit Fern color palette (#E8DDCB, #335500, #002B20, #15002B, #000500)
• Olive Canyon color palette (#EDECE2, #999C8A, #627A3A, #233000, #0B0900)
• Softworn Aubergine color palette (#D7F1EA, #3C5E00, #00514B, #3F0058, #010200)
• Shadow Aubergine color palette (#E1E8D7, #005136, #55006B, #3C0013, #000603)
• Aged Aubergine Boulevard color palette (#E5E8CE, #2D731B, #410081, #4D0032, #0E0F00)
• Tempered Navy Boulevard color palette (#E3DFC5, #5D6A00, #2B4CA1, #5A1652, #191D00)

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