Nocturne Brick color palette — #F5E3F4 · #B4002D · #34312A · #290300 · #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 (#F5E3F4): A whisper-light, dusty pink — the color of peonies in June.
• Ruby (#B4002D): A full-bodied, vivid red — the color of embers at dusk.
• Espresso (#34312A): a grounded near-black with real depth.
• Ink (#290300): 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 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

• Eclipse Garnet color palette (#E9DFE9, #840027, #33291E, #200210, #080009)
• Plum Summit color palette (#EDE2F7, #A90074, #2D2319, #2A0010, #020006)
• Obsidian Terrace color palette (#F5DFE9, #954600, #474100, #1E0E00, #040002)
• Antique Crimson color palette (#F3E0F3, #E10045, #5F361A, #29142A, #030105)
• Soft Ember Market color palette (#FED7D0, #E95828, #9D4000, #5B2800, #120600)
• Softworn Coral color palette (#FFF0FB, #E37D6C, #583C4D, #281825, #070407)
• Linen Canyon color palette (#FFE6F1, #DC7000, #00924B, #783A00, #000B03)
• Pine Grove color palette (#E4FBF3, #87B167, #137413, #602A0E, #030A00)

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