Twilit Brick color palette — #F8E5F7 · #B5002E · #361E00 · #140214 · #020200

Ruby and Espresso set the tone — five colors that lean into energy and depth.

The five colors

• Blush (#F8E5F7): A whisper-light, dusty pink — the color of peonies in June.
• Ruby (#B5002E): A full-bodied, vivid red — the color of a theater curtain.
• Espresso (#361E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#140214): A deep, shadowed, dusty pink — the color of peonies in June.
• Black (#020200): a grounded near-black with real depth.

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

• Lowlit Brick Coast color palette (#FFE1D6, #B40028, #29312A, #200C00, #040000)
• Twilit Chestnut color palette (#E9DAE2, #974600, #2B2400, #16020D, #010200)
• Gentle Scarlet Meadow color palette (#F3E0F0, #E30029, #623324, #291527, #030104)
• Deep Plum Boulevard color palette (#E9DCF5, #AA0076, #460B00, #2D1E1E, #0F0319)
• Scarlet Dune color palette (#FAE0DC, #D02B28, #0066CA, #563DB5, #280202)
• Cocoa Quarry color palette (#E3EEE3, #5F3D00, #222117, #0B1000, #000300)
• Rose Grove color palette (#FFE3EC, #EF474A, #9D4F00, #4E3500, #231B00)
• Hushed Pier color palette (#E3F3E9, #847100, #193C1B, #021C0E, #090305)

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