Eclipse Pier color palette — #F7E0EB · #896E3B · #5F2B00 · #2B0005 · #010100
Built around Cocoa, softened by Walnut — the whole palette hums with optimism and sophistication.
The five colors
- Rose Water (#F7E0EB): A whisper-light, dusty rose — the color of pressed rose petals.
- Walnut (#896E3B): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Cocoa (#5F2B00): A deep, shadowed, balanced gold — the color of old brass.
- Ink (#2B0005): A deep, shadowed, dusty red — the color of a theater curtain.
- Black (#010100): a grounded near-black with real depth.
Feels like: Optimism, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, dark, muted.
Use it as a design system
One click turns Eclipse 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
- Lowlit Olive color palette (#D1EAD8, #6D7940, #4A3A00, #210C00, #000200)
- Weathered Cocoa Grove color palette (#FBE3EF, #A57E40, #7C3600, #450012, #010100)
- Tempered Chestnut Hollow color palette (#D3EDDC, #8DA466, #705F00, #4B2800, #000601)
- Feathered Cocoa color palette (#E6FCE6, #B9B586, #9C6B12, #772A06, #091700)
- Nocturne Bronze Study color palette (#DAE6F2, #B36136, #001C37, #0B0B15, #000104)
- Dusty Garnet color palette (#DDEEFA, #0086AE, #750015, #003041, #040000)
- Chestnut Coast color palette (#EBFAEE, #A2D4C1, #A3863C, #874307, #002825)
- Wandering Summit color palette (#F5EDD2, #C86000, #008383, #060C0F, #000102)
Browse the whole catalog at Explore, or see today's palette.