Nocturne Brick color palette — #F8EBF7 · #B4002A · #3E3A33 · #240900 · #030003

Built around Ruby, softened by Ink — the whole palette hums with energy and sophistication.

The five colors

• Blush (#F8EBF7): A whisper-light, dusty pink — the color of peonies in June.
• Ruby (#B4002A): A full-bodied, vivid orange — the color of toasted spice.
• Charcoal (#3E3A33): a grounded near-black with real depth.
• Ink (#240900): 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

• Crimson Villa color palette (#EDDFED, #D72C48, #5B3911, #350E11, #030107)
• Inked Garnet color palette (#F6E6E1, #85001C, #222A24, #1E0700, #090100)
• Chestnut Parlor color palette (#EBD9E1, #944700, #483F00, #1B1000, #040002)
• Aged Tangerine Harbor color palette (#FFE3E0, #F96A44, #964200, #492500, #0F0600)
• Lowlit Bronze Garden color palette (#FFE6F2, #BF6000, #3B2700, #110400, #040003)
• Deep Mulberry Archive color palette (#F0ECFA, #A00092, #33271F, #280112, #020007)
• Coral Station color palette (#FFF0FB, #EB7762, #563E49, #261A23, #070408)
• Amber Balcony color palette (#FFE6F1, #D97200, #0086B1, #763B00, #000910)

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