Eclipse Amber color palette — #EDDCE3 · #BD7F10 · #451F00 · #0F0C05 · #030100

A conversation between Mustard and Espresso, giving this palette its sense of optimism and sophistication.

The five colors

• Shell Pink (#EDDCE3): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#BD7F10): A luminous, balanced gold — the color of old brass.
• Espresso (#451F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#0F0C05): a grounded near-black with real depth.
• Black (#030100): a grounded near-black with real depth.

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

Use it as a design system

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

• Amber Bloom color palette (#ECDAE4, #B09400, #8F3B00, #451900, #060003)
• Hushed Coast color palette (#E0EEE0, #BE7F00, #515100, #523500, #010100)
• Shadow Bronze Lagoon color palette (#E5F4E8, #987419, #251900, #020B09, #020100)
• Taupe Workshop color palette (#E0F3ED, #B4A342, #334300, #171A20, #050900)
• Softworn Dune color palette (#F1EBC7, #8F8D00, #4D5C00, #101F00, #000200)
• Weathered Canyon color palette (#EBF9F0, #F5D585, #7F6900, #392D00, #000B04)
• Antique Mustard Garden color palette (#E6FBF0, #D1B970, #5A5300, #1C1900, #000201)
• Timeworn Bloom color palette (#EFF8EF, #B7E1E9, #9D805B, #5A411C, #161E16)

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