Twilit Brick color palette — #F8E6F8 · #AF153C · #2C251A · #260700 · #040000

Ruby and Ink set the tone — five colors that lean into sophistication and depth.

The five colors

• Blush (#F8E6F8): A whisper-light, dusty pink — the color of neon signs at night.
• Ruby (#AF153C): A full-bodied, vivid red — the color of a theater curtain.
• Onyx (#2C251A): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#260700): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

One click turns Twilit 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

• Nocturne Study color palette (#F6D8E8, #9A4100, #2D2A20, #1D0F00, #030100)
• Obsidian Garnet color palette (#FFE4DC, #840029, #202821, #200500, #0A0100)
• Eclipse Mulberry color palette (#E4D9F2, #A6047D, #2C1D12, #2A000C, #040002)
• Shadow Garnet color palette (#ECDFE8, #892500, #584500, #1E1C0F, #0C0400)
• Misty Crimson color palette (#F7E6F9, #DF0055, #643400, #2A122D, #020105)
• Worn Coral Balcony color palette (#F5E4E5, #EC715A, #A43800, #572A00, #1C0D00)
• Coral Atelier color palette (#FEF0FC, #DC8078, #553F4A, #291727, #080409)
• Gentle Quarry color palette (#FFE6F3, #D3763D, #0086AF, #7B3700, #00090F)

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