Nocturne Brick color palette — #F9DBD8 · #AD001A · #2C1A00 · #130012 · #030100

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

The five colors

• Shell Pink (#F9DBD8): A whisper-light, dusty orange — the color of toasted spice.
• Garnet (#AD001A): A full-bodied, vivid orange — the color of autumn markets.
• Onyx (#2C1A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#130012): A deep, shadowed, dusty pink — the color of a candy shop window.
• Black (#030100): a grounded near-black with real depth.

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

Use it as a design system

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

• Faded Scarlet color palette (#FDD7D3, #DF0221, #4E3100, #2D1206, #120303)
• Lowlit Mulberry color palette (#FEE9F1, #A40064, #390E00, #160009, #010007)
• Inked Chestnut color palette (#F2DDE6, #894700, #221F00, #110500, #030003)
• Eclipse Chestnut Loft color palette (#F1D6DE, #774900, #44493E, #191D00, #110005)
• Muted Chapel color palette (#FDE4CF, #A45E00, #005CD1, #004BAD, #190A00)
• Wandering Driftwood color palette (#F8E8F3, #B36E5B, #2D4131, #261A22, #0E0B10)
• Obsidian Basalt color palette (#C9ECDD, #6A5C59, #373A00, #151F21, #000904)
• Powdered Ember color palette (#F7D6DC, #F63510, #894300, #513800, #211F00)

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