Twilit Brick color palette — #FBDDE5 · #B20028 · #5F2600 · #231300 · #040300

Ruby takes the lead with Rust close behind in a set that reads as optimism and energy at first glance.

The five colors

• Shell Pink (#FBDDE5): A whisper-light, dusty rose — the color of pressed rose petals.
• Ruby (#B20028): A full-bodied, vivid orange — the color of toasted spice.
• Rust (#5F2600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#231300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#040300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Energy, Depth, Luxury. Tagged dark.

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

• Shadow Mulberry Drift color palette (#ECDDEA, #A30063, #730020, #2F0900, #0B0300)
• Nocturne Chestnut color palette (#FFE9E3, #884600, #473000, #1E1900, #020400)
• Scarlet Corridor color palette (#F8E1E1, #DC3016, #8E3A00, #361900, #020100)
• Worn Chestnut color palette (#FFE7D5, #8C4500, #005070, #441E00, #000306)
• Obsidian Navy color palette (#F6E3DF, #8C0601, #003A83, #22008A, #040000)
• Garnet Balcony color palette (#F2E3DB, #B39045, #00884C, #6E002F, #0A0300)
• Muted Corridor color palette (#EFE0F5, #6D36FE, #845700, #0D0D04, #020100)
• Bronze Field color palette (#FAEAE1, #A37200, #5E5A00, #263500, #001B03)

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