Nocturne Garden color palette — #F7DBDB · #7C2C00 · #442400 · #1A1000 · #010100

A conversation between Rust and Espresso, giving this palette its sense of optimism and sophistication.

The five colors

• Shell Pink (#F7DBDB): A whisper-light, dusty red — the color of late-summer berries.
• Rust (#7C2C00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#442400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#1A1000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Shadow Bloom color palette (#F9EADC, #654B00, #2E2F00, #091700, #000201)
• Deep Studio color palette (#F4D6E5, #8D0034, #530105, #1B0800, #020100)
• Obsidian Cocoa Pier color palette (#EFE3CF, #604800, #00415D, #281C00, #000103)
• Nocturne Navy color palette (#F6E5C6, #4E3700, #003062, #1B1441, #020100)
• Inked Grape Station color palette (#E9DBEB, #6D00E4, #6F4A00, #0D0D06, #020100)
• Bronze Villa color palette (#F4E1D2, #926D00, #4B4400, #1B2D00, #000F05)
• Softworn Garnet color palette (#FBECD7, #8D9251, #00745F, #660014, #040300)
• Dusty Amber Market color palette (#FFE7E3, #E47A36, #936300, #4A4200, #1F2600)

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