Nocturne Bloom color palette — #DBE0F3 · #5635A9 · #3C4B00 · #222C00 · #03000E

A conversation between Plum and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Frost (#DBE0F3): A whisper-light, dusty violet — the color of twilight just after sunset.
• Plum (#5635A9): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#3C4B00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#222C00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#03000E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Soft Nightshade color palette (#EAEEFF, #582DB2, #115204, #002C3C, #03000E)
• Charred Aubergine color palette (#E7E5FF, #670087, #124200, #062300, #030005)
• Eclipse Grape Corridor color palette (#E1DFF4, #8219A3, #463300, #001F21, #000405)
• Chalky Nightshade color palette (#E1E9FC, #4434BB, #732800, #3A2100, #020011)
• Denim Chapel color palette (#CEE2F3, #00587F, #3D4900, #00321B, #000F1A)
• Indigo Cabin color palette (#FFE6F5, #655BDC, #A22C55, #004145, #040002)
• Soft Byzantium color palette (#FAE9FF, #A11EBE, #006C4C, #004731, #16001D)
• Byzantium Alley color palette (#EED7DC, #9649A8, #8D4F00, #005213, #1A0021)

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