Nocturne Brick color palette — #F5E3F5 · #B7193C · #401610 · #150616 · #040105

A conversation between Ruby and Espresso, giving this palette its sense of depth and luxury.

The five colors

• Blush (#F5E3F5): A whisper-light, dusty pink — the color of neon signs at night.
• Ruby (#B7193C): A full-bodied, vivid red — the color of embers at dusk.
• Espresso (#401610): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#150616): A deep, shadowed, dusty pink — the color of peonies in June.
• Black (#040105): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: 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

• Plum Terrace color palette (#F4EAFF, #A32E7A, #401224, #11071A, #030105)
• Smoked Terracotta Delta color palette (#F0D9E5, #9F4700, #391D00, #160610, #040103)
• Aged Crimson Garden color palette (#F0DDD7, #D84158, #672C0A, #2C1D19, #130B0A)
• Antique Atelier color palette (#FEF0FF, #DF516A, #4A283B, #170A18, #020103)
• Shadow Garnet color palette (#F3E6F1, #830308, #33302A, #1F0500, #040003)
• Terracotta Boulevard color palette (#EFDEDB, #D67259, #AC3C00, #6A2D00, #321500)
• Airy Pine color palette (#E2F6E3, #A47000, #188516, #983048, #041906)
• Antique Bronze color palette (#E8F0E7, #AC7628, #2C4131, #182118, #100B0D)

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