Nocturne Brick color palette — #F0D8EC · #B6011A · #421101 · #130D01 · #150113

Built around Ruby, softened by Espresso — the whole palette hums with warmth and comfort.

The five colors

• Thistle (#F0D8EC): A whisper-light, dusty pink — the color of peonies in June.
• Ruby (#B6011A): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#421101): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#130D01): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#150113): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Warmth, Comfort, Energy, Depth, Luxury. Tagged noir, dark, luxury, warm.

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

• Plum Hollow color palette (#EAE2EF, #AD0069, #410F1D, #170D03, #100317)
• Brick Basin color palette (#FDDED1, #B5011A, #1B2620, #260600, #050000)
• Nocturne Chestnut color palette (#F2D7E2, #914C00, #351F00, #17010C, #020200)
• Dusty Crimson color palette (#FFEBE4, #E20033, #643300, #331105, #050000)
• Washed Summit color palette (#F4E1CD, #A36400, #427A00, #A20150, #1D0E00)
• Muted Bronze color palette (#F2D9E3, #B15F00, #4F3100, #2C0F1E, #10030A)
• Dusty Amber color palette (#F3DDEC, #CC735A, #5F4352, #372932, #1C161B)
• Nocturne Study color palette (#DDF0DF, #5B3F00, #303329, #120D00, #000300)

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