Twilit Brick color palette — #F0DEE4 · #B72523 · #502F00 · #171500 · #000300

Brick takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#F0DEE4): A whisper-light, dusty rose — the color of pressed rose petals.
• Brick (#B72523): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#502F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#171500): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Antique Bronze Summit color palette (#FAE6E2, #A65200, #573500, #231A00, #090A00)
• Obsidian Plum Grove color palette (#EFDCEF, #B02462, #6B1000, #221300, #010100)
• Weathered Hollow color palette (#E9DADF, #D14B48, #744500, #372E00, #030C00)
• Mulberry Study color palette (#F1E6CC, #A00030, #3A2D00, #000745, #050100)
• Frosted Chestnut Study color palette (#EDD9E5, #9A5134, #514916, #380B40, #18001B)
• Peony Villa color palette (#FBDDE8, #E5408D, #B55500, #125A06, #020100)
• Hushed Villa color palette (#F9EBF5, #95A594, #6A8277, #651400, #0B0108)
• Amber Bloom color palette (#F6DDD0, #B1850D, #486200, #003C25, #001010)

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