Nocturne Bloom color palette — #DBE3EF · #7C7E00 · #121277 · #02002A · #000107

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

The five colors

• Frost (#DBE3EF): bright and airy, almost weightless.
• Olive Leaf (#7C7E00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#121277): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#02002A): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#000107): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Nocturne Bloom 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

• Lowlit Aubergine color palette (#E2E6FC, #308D50, #33006C, #0B0021, #01000A)
• Timeworn Bronze Villa color palette (#E3EFFE, #B35F00, #00275B, #21151B, #00071A)
• Faded Thicket color palette (#F2DFEF, #8C9D00, #1F3E8C, #051543, #060105)
• Pale Aubergine Coast color palette (#E1E6FE, #00B169, #48009C, #1B0042, #01010F)
• Frosted Garnet Quarry color palette (#EFE7FA, #58A15F, #650051, #26001D, #030008)
• Midnight Workshop color palette (#E9E8F7, #00684A, #23002F, #140202, #030005)
• Worn Aubergine color palette (#E2E2EB, #B7B0BF, #9D849A, #56297A, #090818)
• Aubergine Boulevard color palette (#F2EFFF, #56C179, #761880, #330E36, #090416)

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