Twilit Amber color palette — #E2DCF1 · #D06E4C · #4D0045 · #17060B · #030003

Coral Clay and Royal Purple set the tone — five colors that lean into creativity and depth.

The five colors

• Thistle (#E2DCF1): A whisper-light, dusty violet — the color of wild irises.
• Coral Clay (#D06E4C): A luminous, balanced orange — the color of toasted spice.
• Royal Purple (#4D0045): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#17060B): A deep, shadowed, dusty red — the color of late-summer berries.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Creativity, Depth, Luxury. Tagged luxury, dark, muted.

Use it as a design system

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

• Washed Amber Field color palette (#FBEAF9, #C97724, #570010, #160803, #040000)
• Shadow Rust color palette (#F8E5E7, #B73E00, #360030, #1A0F02, #0D000A)
• Eclipse Bloom color palette (#E4ECFF, #D76375, #23156F, #0D0619, #01000A)
• Muted Corridor color palette (#FFE4E6, #D95A5F, #9B1700, #391000, #030100)
• Bronze Dune color palette (#FFF1F7, #FFE0B7, #9C6944, #4F2B3D, #180A11)
• Dusty Orchard color palette (#EFE5F8, #D75A9C, #920F00, #6E0046, #040000)
• Amber Ridge color palette (#FFE6F3, #D69231, #632700, #322E28, #120300)
• Antique Coast color palette (#FFF0FA, #F8C591, #934D39, #461608, #090106)

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