Twilit Lantern color palette — #F3DEF1 · #D5263A · #450F02 · #221311 · #0B000A

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

The five colors

• Blush (#F3DEF1): A whisper-light, dusty pink — the color of neon signs at night.
• Crimson (#D5263A): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#450F02): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#221311): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#0B000A): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

One click turns Twilit Lantern 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

• Raspberry Meadow color palette (#ECE0F5, #C53087, #440B20, #231417, #07010E)
• Wandering Canyon color palette (#FFF0FB, #E94C2F, #4E2A18, #190916, #020102)
• Bronze Market color palette (#F6DEE9, #B45A00, #371E00, #140D04, #0C0005)
• Charred Mulberry color palette (#F5E0D9, #A10027, #19251C, #300E00, #0F0200)
• Hazy Market color palette (#FBE9FA, #A0002D, #5F3800, #291400, #120312)
• Rose Lantern color palette (#F7E1F6, #FB274F, #70492E, #3B283A, #06030A)
• Emerald Balcony color palette (#DFFFE1, #C08500, #199D1F, #B73152, #140A00)
• Amber Meadow color palette (#FFF1F7, #E67F2C, #5D3A46, #291821, #080406)

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