Eclipse Garnet color palette — #F2D9DD · #970025 · #5A0105 · #220700 · #030100
Garnet and Espresso set the tone — five colors that lean into warmth and comfort.
The five colors
- Shell Pink (#F2D9DD): A whisper-light, dusty red — the color of embers at dusk.
- Garnet (#970025): A full-bodied, vivid red — the color of late-summer berries.
- Espresso (#5A0105): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#220700): A deep, shadowed, dusty orange — the color of sun-warmed clay.
- 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 Eclipse 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
- Velvet Lantern color palette (#F3D6E9, #C4205E, #870600, #240D00, #020100)
- Inked Garnet color palette (#FFE9DD, #872400, #00434F, #3B0B00, #000102)
- Mulberry Delta color palette (#F8EAF5, #8F0064, #4E0026, #230008, #050000)
- Deep Lagoon color palette (#FFEBE0, #9A4600, #451A00, #181F18, #130400)
- Wandering Garnet color palette (#FFEBDF, #B37523, #6F6700, #5F0013, #030100)
- Deep Market color palette (#FCE4D5, #652400, #003B28, #220066, #030000)
- Aged Ember Boulevard color palette (#FFE2DD, #D55B36, #8F4800, #4C2900, #1D1100)
- Inked Chestnut color palette (#EAE8F5, #006C6E, #714800, #0D0C06, #020100)
Browse the whole catalog at Explore, or see today's palette.