Twilit Brick color palette — #FBDAE3 · #C30022 · #6C2200 · #220F00 · #020100

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

The five colors

• Shell Pink (#FBDAE3): A whisper-light, dusty rose — the color of pressed rose petals.
• Ruby (#C30022): A full-bodied, vivid orange — the color of autumn markets.
• Rust (#6C2200): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#220F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Energy, Depth, Luxury. Tagged dark, vibrant, warm.

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

• Linen Crimson color palette (#FFE4F1, #D03359, #A52F00, #553300, #100A00)
• Moonless Garnet Courtyard color palette (#FAD7E8, #8D002B, #4B1000, #190B00, #020100)
• Charred Lagoon color palette (#F6E3DB, #A1610A, #662400, #2B0006, #020100)
• Patina Corridor color palette (#F3DCE9, #AE4600, #005D7D, #4B1A00, #000103)
• Moonless Raspberry Quarry color palette (#E6D9E5, #CE0088, #730030, #280001, #030100)
• Chestnut Boulevard color palette (#FEE4D4, #833F00, #004E66, #003652, #030100)
• Mustard Station color palette (#FBDAC9, #E0AC1E, #7E994F, #762637, #000200)
• Dusty Bronze Ridge color palette (#F1DFF0, #0092A5, #B05500, #0C0D05, #040002)

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