Eclipse Garden color palette — #F4DFDD · #B65324 · #623300 · #130900 · #020100

Terracotta and Bronze set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#F4DFDD): A whisper-light, dusty orange — the color of autumn markets.
• Terracotta (#B65324): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#623300): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#130900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Eclipse Garden 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

• Terracotta Coast color palette (#F9D6D4, #A23B00, #4A2400, #1B0F00, #050400)
• Faded Scarlet color palette (#EDDCE4, #DB3E41, #924C00, #473800, #010300)
• Garnet Corridor color palette (#EDD9E1, #BC506A, #790A00, #240800, #020100)
• Hushed Field color palette (#F9E0C3, #907100, #454000, #0E1500, #000200)
• Airy Delta color palette (#FBDABF, #FA6F7D, #D25700, #6A5200, #020100)
• Fern Chapel color palette (#EDDED4, #8D724E, #585705, #001F2B, #00030D)
• Patina Apricot Corridor color palette (#FFEDE5, #EAA056, #A27600, #504600, #141800)
• Timeworn Garnet color palette (#EADFDA, #C8B7AB, #A18E7A, #750303, #030000)

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