Eclipse Cocoa color palette — #FBE3ED · #693600 · #2E2A19 · #120D00 · #060002
Built around Bronze, softened by Black — the whole palette hums with optimism and sophistication.
The five colors
- Blush (#FBE3ED): A whisper-light, dusty rose — the color of a warm blush.
- Bronze (#693600): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Onyx (#2E2A19): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#120D00): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#060002): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Eclipse Cocoa 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
- Inked Chestnut color palette (#F6D8C0, #8B4700, #262200, #130A02, #040100)
- Lowlit Balcony color palette (#EFD9F2, #830032, #342A1F, #1C0600, #040006)
- Fern Orchard color palette (#CFEFDF, #4B4700, #192025, #011200, #000201)
- Washed Amber Alley color palette (#FBE6EC, #BA7400, #4C4701, #341F27, #180E15)
- Eclipse Boulevard color palette (#D5E7D6, #946900, #31370D, #071B0B, #0A0206)
- Grape Loft color palette (#F6EFDD, #816500, #5434C5, #463600, #06001F)
- Tempered Olive color palette (#DFF0DF, #7E7800, #2E5000, #3F1D38, #070600)
- Dusty Cerulean Quarry color palette (#FBEAF6, #26A3B5, #006082, #003D30, #00091A)
Browse the whole catalog at Explore, or see today's palette.