Eclipse Cocoa Garden color palette — #F5D4DE · #613A00 · #003E46 · #002127 · #090300

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

The five colors

• Shell Pink (#F5D4DE): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#613A00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Teal (#003E46): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#002127): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#090300): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Velvet Ridge color palette (#FFE0EA, #613A00, #003E40, #2C0045, #090300)
• Smoked Garnet Balcony color palette (#EEDAE6, #631B00, #002E43, #290015, #050003)
• Bronze Archive color palette (#FFEAE5, #915B00, #403A00, #052000, #00100B)
• Charred Brick color palette (#EBDBE7, #C21600, #003C38, #4E0400, #000203)
• Dusty Basalt color palette (#E7DDE0, #98B0A4, #598A84, #4F2F00, #200D14)
• Charred Garnet color palette (#F6E1FB, #800036, #004036, #220051, #100003)
• Eclipse Aubergine color palette (#E8E2FF, #6F0078, #004216, #001155, #0C000E)
• Dusty Navy Loft color palette (#FBDFD0, #984500, #005E65, #092A81, #0C0200)

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