Twilit Brick color palette — #F3DAF1 · #AC0026 · #311600 · #180001 · #020004

Garnet and Onyx set the tone — five colors that lean into warmth and comfort.

The five colors

• Thistle (#F3DAF1): A whisper-light, dusty pink — the color of neon signs at night.
• Garnet (#AC0026): A full-bodied, vivid orange — the color of sun-warmed clay.
• Onyx (#311600): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#180001): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#020004): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Warmth, Comfort, Depth, Luxury. Tagged noir, dark, luxury, 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

• Deep Chestnut color palette (#FAD9E8, #8D4400, #271D00, #110400, #030003)
• Cellar Mulberry Basin color palette (#F7E6EE, #A2006C, #410004, #16000B, #010007)
• Crimson Archive color palette (#FCE8E1, #DF0034, #562B00, #2D1208, #110303)
• Chestnut Summit color palette (#F6DCE5, #7A4700, #494F45, #1E1A00, #110006)
• Muted Driftwood color palette (#F6E9F2, #B46D5F, #4C333C, #251A22, #0E0B10)
• Worn Nightshade Thicket color palette (#FFE7D7, #B75F13, #006F90, #2525C4, #1B0800)
• Basalt Harbor color palette (#D4EDE1, #6B5D5F, #393900, #162122, #000901)
• Powdered Ember Grove color palette (#FFE8E8, #F34100, #8F4200, #513100, #261B00)

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