Twilit Brick color palette — #F9DFD4 · #C90022 · #491807 · #220600 · #0A0100

Ruby and Espresso set the tone — five colors that lean into warmth and comfort.

The five colors

• Shell Pink (#F9DFD4): A whisper-light, dusty orange — the color of autumn markets.
• Ruby (#C90022): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#491807): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#220600): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#0A0100): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Warmth, Comfort, Energy, Depth, Luxury. Tagged noir, dark, luxury, vibrant.

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

• Obsidian Terracotta color palette (#EEDFD5, #A24400, #3A1C00, #180700, #050100)
• Velvet Plum Corridor color palette (#FFE8E7, #BF0076, #4C0F22, #240304, #0A0102)
• Washed Quarry color palette (#FFF2ED, #FF3B4F, #5C2E00, #280B03, #060000)
• Brick Parlor color palette (#F8E1BE, #A57B00, #008D40, #B11C37, #211600)
• Weathered Chestnut Chapel color palette (#F0E5CF, #6F5800, #323D3D, #221F00, #0B0700)
• Antique Tangerine Orchard color palette (#F6E5E0, #FE6F1D, #A44E00, #6E3700, #3E2100)
• Driftwood Lantern color palette (#F1EDE4, #8E843D, #3D3B34, #231E10, #0E0C08)
• Tempered Pine color palette (#F3F3E4, #83B874, #008134, #6F3D1E, #212202)

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