Twilit Onyx color palette — #FCE1DE · #7B4D00 · #393F00 · #190743 · #050013

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

The five colors

• Rose Water (#FCE1DE): A whisper-light, dusty orange — the color of toasted spice.
• Bronze (#7B4D00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#393F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Indigo (#190743): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#050013): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Depth, Luxury. Tagged vintage, retro, muted, dark.

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

• Velvet Thicket color palette (#FFE8D8, #665D26, #003E22, #2C0A2E, #0D000E)
• Nocturne Cocoa Delta color palette (#F4E1F0, #814242, #4A3000, #001627, #000410)
• Bronze Dune color palette (#FBEDD8, #7D6600, #393E00, #002428, #000E15)
• Dusty Workshop color palette (#ECDBDA, #926C35, #4D5B03, #2C2657, #120429)
• Inked Study color palette (#D7EDDD, #4A3900, #000E95, #400038, #020100)
• Cocoa Loft color palette (#EEDBCD, #654500, #383000, #131400, #010300)
• Worn Grove color palette (#F3ECCF, #4F763A, #00514D, #4B0429, #14031D)
• Inked Aubergine color palette (#E5F4EB, #594C00, #480093, #241E00, #020007)

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