Nocturne Garden color palette — #F1DCEE · #B50022 · #36332D · #270500 · #030003

Ruby takes the lead with Ink close behind in a set that reads as energy and sophistication at first glance.

The five colors

• Blush (#F1DCEE): A whisper-light, dusty pink — the color of neon signs at night.
• Ruby (#B50022): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#36332D): quiet, heavy and certain.
• Ink (#270500): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Energy, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

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

• Lowlit Study color palette (#F8D6E6, #914900, #3D3D31, #1D0E00, #040002)
• Plum Station color palette (#F5E9FE, #AB006D, #31261B, #2A000E, #020005)
• Shadow Thicket color palette (#FBE5FA, #850021, #38231C, #190B00, #0B0001)
• Ancient Crimson Meadow color palette (#FBE3F8, #E20033, #5E3723, #291428, #030105)
• Timeworn Ember Archive color palette (#FFDFD7, #E95B00, #A84900, #4F2400, #180900)
• Worn Cocoa color palette (#FCE1D5, #625600, #803200, #241A0B, #0C0300)
• Hushed Orchid color palette (#FFE6F1, #DC7000, #A64CC3, #783A00, #110017)
• Coral Station color palette (#FFF0FB, #EE7558, #593C4C, #261A23, #080408)

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