Nocturne Garden color palette — #F4E3EF · #587900 · #13005E · #02001C · #0B0002

Built around Deep Indigo, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Blush (#F4E3EF): A whisper-light, dusty pink — the color of a candy shop window.
• Olive (#587900): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#13005E): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#02001C): 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 Nocturne Garden 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

• Eclipse Onyx Alley color palette (#DFE3F2, #836200, #230057, #20101C, #030011)
• Obsidian Onyx Terrace color palette (#F3DEE6, #00805B, #29004A, #150701, #080015)
• Worn Corridor color palette (#F4DBE7, #A57C00, #3F0091, #120035, #060003)
• Nightshade Parlor color palette (#E4E9F8, #7EA62D, #4F46A9, #241A5C, #000010)
• Charred Olive Lagoon color palette (#F8DCDB, #4A8E25, #4A0030, #18000D, #030100)
• Wandering Ridge color palette (#F7DCEC, #2FAF27, #3700A2, #180054, #1F0417)
• Tempered Aubergine Veranda color palette (#F0D7DB, #3FA365, #580062, #28022C, #160609)
• Tempered Thicket color palette (#E8DADD, #BEA19E, #AD6D4C, #540C6A, #1E0E13)

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