Nocturne Grove color palette — #DCE4F1 · #1B00CA · #512B00 · #1A2000 · #01011C

A conversation between Indigo and Espresso, giving this palette its sense of nature and growth.

The five colors

• Frost (#DCE4F1): bright and airy, almost weightless.
• Indigo (#1B00CA): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Espresso (#512B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#1A2000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#01011C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Depth. Tagged dark, vibrant.

Use it as a design system

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

• Inked Pier color palette (#EDE4FF, #59009E, #423400, #00240B, #080016)
• Cellar Navy color palette (#D3E5F8, #00457B, #5C2100, #231C00, #00050F)
• Deep Grape Summit color palette (#D8EADB, #750ABF, #580041, #191A00, #17001E)
• Worn Hollow color palette (#D4EBE4, #0065A2, #5C5400, #154100, #00050D)
• Faded Lapis Meadow color palette (#D9E4FF, #5730FF, #7A4D00, #274700, #191B3D)
• Softworn Parlor color palette (#E7EEFF, #4B49EB, #600038, #1B0077, #040008)
• Aubergine Pier color palette (#DDDFE9, #A8A6BC, #847998, #411C78, #101224)
• Byzantium Atelier color palette (#E6E5FF, #8A31CD, #5F0063, #32001F, #170100)

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