Twilit Garnet color palette — #FDDBD9 · #980606 · #560F00 · #200600 · #030100

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

The five colors

• Shell Pink (#FDDBD9): A whisper-light, dusty orange — the color of toasted spice.
• Garnet (#980606): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#560F00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#200600): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#030100): a grounded near-black with real depth.

Feels like: Warmth, Comfort, Depth, Luxury. Tagged dark, warm.

Use it as a design system

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

• Crimson Summit color palette (#FFE3E9, #CA3852, #732200, #210A00, #020100)
• Eclipse Mulberry Boulevard color palette (#F5E6ED, #960052, #510022, #270009, #040000)
• Cellar Aubergine color palette (#FAE7DD, #822C00, #510088, #390E00, #020006)
• Patina Chestnut color palette (#FFEBDE, #8D4900, #442000, #1D251E, #100500)
• Onyx Garden color palette (#FFE2D2, #602A00, #2F3500, #43002E, #030100)
• Washed Amber color palette (#F4DDCD, #B37A34, #816400, #541E00, #040100)
• Softworn Amber Pier color palette (#FEE1D5, #C96300, #8C4A00, #502C00, #271600)
• Obsidian Forest Boulevard color palette (#FFE9E9, #007138, #674E00, #0B0D06, #020100)

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