Twilit Onyx color palette — #F8E1E7 · #896600 · #2F0040 · #170A01 · #0A0011

Built around Deep Indigo, softened by Ochre — the whole palette hums with optimism and creativity.

The five colors

• Rose Water (#F8E1E7): A whisper-light, dusty rose — the color of pressed rose petals.
• Ochre (#896600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Indigo (#2F0040): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#170A01): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#0A0011): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Nocturne Onyx color palette (#F3DCE4, #2B7A3F, #2B004D, #220D13, #05000E)
• Onyx Delta color palette (#EEDCEA, #896600, #050A5B, #01001F, #050004)
• Antique Aubergine color palette (#FFDADF, #B88A00, #610565, #300033, #1C000B)
• Bronze Corridor color palette (#F5E3DA, #9A7300, #4E0600, #1A0100, #020200)
• Timeworn Garnet color palette (#F6ECEB, #B8A49F, #AE6C4D, #660341, #200E0E)
• Feathered Corridor color palette (#EAE9FF, #BC8E00, #8500AC, #3F0552, #02000B)
• Hazy Aubergine color palette (#E0E2F3, #49965C, #4B0083, #18002F, #01000E)
• Garnet Study color palette (#FFE9E1, #B8974F, #702629, #38160A, #170E04)

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