Eclipse Cocoa Veranda color palette — #FDDBCD · #674000 · #352C00 · #0E1000 · #000200

Bronze and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FDDBCD): A whisper-light, dusty orange — the color of sun-warmed clay.
• Bronze (#674000): A full-bodied, balanced gold — the color of old brass.
• Espresso (#352C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0E1000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Charred Orchard color palette (#EDE0BF, #465200, #043303, #00130C, #000202)
• Aubergine Terrace color palette (#F2ECCE, #594C00, #3800A2, #251E00, #010009)
• Inked Terracotta Station color palette (#FFDFEA, #A2001C, #4B1D00, #1C0D00, #020200)
• Aubergine Hollow color palette (#F5EFCD, #453B00, #3D007B, #360038, #020100)
• Worn Emerald color palette (#EDE6D7, #5F9C50, #007E7E, #532400, #010200)
• Obsidian Denim Coast color palette (#FFEBE6, #784300, #004F89, #0E0C05, #020100)
• Weathered Bronze Boulevard color palette (#F4DBC4, #9B8400, #595B00, #00420F, #00180D)
• Pale Emerald color palette (#E9EFE0, #00A841, #006C58, #003E3E, #001D25)

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