Eclipse Cocoa Coast color palette — #FFEDD4 · #604400 · #003324 · #00132D · #14000E
Built around Bronze, softened by Ink — the whole palette hums with trust and stability.
The five colors
- Cream (#FFEDD4): A whisper-light, dusty gold — the color of honey in a jar.
- Bronze (#604400): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#003324): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00132D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#14000E): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Eclipse Cocoa Coast 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
- Eclipse Onyx color palette (#F0E9CA, #4A4F00, #003037, #1E0035, #140200)
- Twilit Garnet Orchard color palette (#F7DED2, #881B00, #242F00, #00171C, #0C001E)
- Aged Basalt color palette (#F6EDDB, #4D5B5B, #443800, #172220, #070A00)
- Linen Olive color palette (#EEE8C8, #747800, #374E00, #0F2D00, #001D0A)
- Amber Ridge color palette (#F7EDDD, #C46C00, #856600, #314C00, #0D0A00)
- Aubergine Corridor color palette (#F4D5E5, #9F4A00, #004E5B, #310063, #0B001F)
- Tempered Olive Grove color palette (#E3E0CF, #387E26, #004327, #3A1600, #021500)
- Weathered Pine Studio color palette (#D6E4DA, #997E00, #0F7917, #004E4D, #130300)
Browse the whole catalog at Explore, or see today's palette.