Twilit Onyx color palette — #DCEEDA · #623D00 · #00353D · #200056 · #140004

A conversation between Deep Indigo and Bronze, giving this palette its sense of optimism and creativity.

The five colors

• Honeydew (#DCEEDA): A whisper-light, dusty green — the color of a quiet forest floor.
• Bronze (#623D00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Teal (#00353D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#200056): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#140004): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Optimism, Creativity, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

One click turns Twilit 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

• Sunlit Onyx color palette (#DFF6E8, #675700, #00403E, #20005C, #2A0004)
• Lowlit Onyx color palette (#D3E4D7, #5C4700, #003917, #1D0048, #020100)
• Obsidian Cocoa color palette (#F0DCEA, #702600, #00392F, #001937, #160013)
• Obsidian Onyx color palette (#CEE6DD, #3F4A00, #002D5A, #30002F, #0D0300)
• Tempered Onyx color palette (#EFE2C9, #7D6200, #2B4600, #001F56, #191700)
• Linen Aubergine color palette (#F5EEDA, #6C6800, #236A11, #2E0079, #0A0400)
• Tempered Cocoa color palette (#E7F2E9, #AABFB3, #78958C, #594000, #132416)
• Worn Aubergine color palette (#D7F4F1, #006628, #372787, #510021, #160F00)

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