Twilit Onyx color palette — #F4DAED · #896600 · #10005F · #02001D · #0A0002

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

The five colors

• Shell Pink (#F4DAED): A whisper-light, dusty pink — the color of neon signs at night.
• Ochre (#896600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Indigo (#10005F): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#02001D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#0A0002): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Optimism, Creativity, Depth, Luxury. Tagged luxury, 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

• Shadow Drift color palette (#FBE9FB, #896600, #001C3F, #1A0605, #000410)
• Washed Field color palette (#DEE6F5, #998200, #1A189B, #04003F, #000010)
• Ultramarine Terrace color palette (#DAE1EE, #BC8E00, #393DCD, #181A65, #00010C)
• Worn Thicket color palette (#F4DDEA, #B88A00, #362683, #19044F, #1D0515)
• Bronze Balcony color palette (#FFE4E2, #9A740A, #4B002E, #19000C, #030100)
• Timeworn Aubergine Veranda color palette (#EDDDE2, #B6A4A6, #927877, #4C166F, #1F0D14)
• Nightshade Courtyard color palette (#FAE3F1, #3C00BA, #4E2D00, #0D2300, #03001C)
• Dusty Taupe Boulevard color palette (#FEE8E9, #B59758, #5E3051, #36112D, #1F0D05)

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