Eclipse Cocoa Pier color palette — #FADFE7 · #683E00 · #372F00 · #002031 · #040000
A conversation between Bronze and Espresso, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#FADFE7): A whisper-light, dusty rose — the color of pressed rose petals.
- Bronze (#683E00): A full-bodied, balanced gold — the color of old brass.
- Espresso (#372F00): A deep, shadowed, dusty green — the color of fresh herbs.
- Midnight (#002031): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.
Use it as a design system
One click turns Eclipse Cocoa Pier 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
- Obsidian Corridor color palette (#F4DFEC, #6F2F00, #203C00, #0E1F00, #020007)
- Weathered Rust color palette (#FFE8EF, #C1422E, #5D3C00, #252600, #000901)
- Velvet Balcony color palette (#F4E0EF, #7B1D00, #003C2B, #001C39, #140014)
- Softworn Brick color palette (#D7E4D9, #AB3438, #453B00, #01115A, #0D0300)
- Forest Study color palette (#D3F5F5, #005B3B, #003B25, #001B34, #030100)
- Twilit Grove color palette (#FBE4F5, #991200, #00402E, #28003E, #040000)
- Chestnut Atelier color palette (#F2DECC, #945600, #535200, #003864, #170300)
- Garnet Parlor color palette (#F3EBF0, #A9B8A9, #7C948A, #782200, #13060F)
Browse the whole catalog at Explore, or see today's palette.