Nocturne Onyx color palette — #F5E7CA · #504100 · #00253A · #1E0030 · #040000

Deep Indigo and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F5E7CA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#504100): A deep, shadowed, dusty green — the color of fresh herbs.
• Midnight (#00253A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#1E0030): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged jewel, vibrant, 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

• Charred Spruce Quarry color palette (#D5F6F2, #004313, #002D2C, #16002E, #040200)
• Cocoa Workshop color palette (#FDECE0, #6D2A00, #002F2D, #000832, #040002)
• Onyx Delta color palette (#EFE7D7, #4F5C00, #003921, #170040, #010200)
• Midnight Nightshade color palette (#F3E5C3, #665A00, #24008E, #0A003D, #040002)
• Navy Study color palette (#E3E4C3, #2D4A00, #0F007B, #240016, #020100)
• Patina Cabin color palette (#F0F3D7, #4F595D, #0E4200, #152021, #000904)
• Charred Olive Thicket color palette (#E2E0C9, #5A7000, #004B0F, #001A10, #000202)
• Timeworn Olive Meadow color palette (#E2DFD0, #A2A283, #75843F, #373900, #060400)

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