Eclipse Garden color palette — #F1DBDB · #A94400 · #603C00 · #201900 · #010100

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

The five colors

• Shell Pink (#F1DBDB): A whisper-light, dusty red — the color of a theater curtain.
• Terracotta (#A94400): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#603C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#201900): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#010100): a grounded near-black with real depth.

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

• Bronze Boulevard color palette (#FFE9E1, #B35700, #7F5000, #513700, #0A0700)
• Timeworn Plum color palette (#FBE4EF, #C12D5D, #721C00, #210D00, #020100)
• Wandering Bronze color palette (#E5EFE3, #837200, #553300, #280500, #010100)
• Airy Alley color palette (#F8E4EB, #9C5700, #2F40C0, #422200, #00000B)
• Powdered Drift color palette (#E5DED1, #6F4E00, #133A9F, #032381, #020100)
• Indigo Bloom color palette (#FFE9ED, #6D68FF, #BF4500, #0D0C03, #040002)
• Amber Alley color palette (#ECDFD2, #BA9200, #606200, #134200, #001007)
• Garnet Balcony color palette (#FADAAF, #BBC468, #00A886, #811319, #020100)

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