Twilit Brick color palette — #F1D9EA · #BF2000 · #3A2700 · #270C22 · #11040C

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

The five colors

• Shell Pink (#F1D9EA): A whisper-light, dusty pink — the color of a candy shop window.
• Brick (#BF2000): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#3A2700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#270C22): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#11040C): A deep, shadowed, dusty pink — the color of a candy shop window.

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

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

• Nocturne Bronze color palette (#ECDBE1, #955800, #2C2D00, #2A0C19, #120307)
• Worn Plum color palette (#F4E9F9, #BD0463, #491B00, #300517, #120E1F)
• Timeworn Terracotta color palette (#F8DEED, #8E3400, #563D00, #221900, #15020E)
• Pale Ember color palette (#F4DCED, #E9410E, #673701, #361C2F, #170E17)
• Sunlit Quarry color palette (#FFE7DB, #FF6B50, #7F622F, #692E0A, #1A0E0D)
• Lowlit Spruce Hollow color palette (#DBF7ED, #5F5153, #293300, #121F1D, #000603)
• Fern Coast color palette (#CEE9D9, #685A00, #002707, #110D00, #040100)
• Driftwood Market color palette (#E6F7EE, #80813E, #2B4141, #1B2D25, #111815)

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