Midnight Onyx color palette — #F7E2EF · #567A00 · #17005C · #03001C · #0B0002

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

The five colors

• Blush (#F7E2EF): A whisper-light, dusty pink — the color of neon signs at night.
• Olive (#567A00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#17005C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#03001C): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#0B0002): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, dark.

Use it as a design system

One click turns Midnight 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 Veranda color palette (#F6DEF1, #7D6C00, #0B0062, #220B20, #01001E)
• Lowlit Onyx Coast color palette (#FCE0EB, #00805F, #29004A, #150701, #080014)
• Antique Villa color palette (#FFE7F2, #A47C14, #3F1683, #130034, #02000C)
• Patina Ultramarine Bloom color palette (#E3EBFB, #6AAB17, #3C3FC8, #1A1C61, #00010A)
• Emerald Studio color palette (#F7DBEC, #3AAD46, #362289, #190053, #0D082C)
• Olive Basin color palette (#EDD9D8, #578B2E, #4B002F, #19000C, #030100)
• Nocturne Bronze Canyon color palette (#E8DAE8, #A84F03, #001B40, #1A0605, #000411)
• Aubergine Bloom color palette (#E9DEE0, #B8A4A1, #AC6E49, #590068, #210C12)

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