Eclipse Cocoa color palette — #F7D7C2 · #642600 · #263500 · #0D0903 · #020100
A conversation between Rust and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Peach Cream (#F7D7C2): A whisper-light, dusty gold — the color of honey in a jar.
- Rust (#642600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Deep Forest (#263500): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#0D0903): a grounded near-black with real depth.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, 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
- Cocoa Villa color palette (#EBD8E3, #5B2900, #501B00, #200E06, #060400)
- Garnet Workshop color palette (#FFE4E1, #70003B, #302F28, #120701, #030000)
- Hushed Rust color palette (#FFE1DC, #AE4B00, #5E3B00, #1D1900, #010200)
- Bronze Cabin color palette (#F8E1C8, #A56600, #323741, #2C2400, #080300)
- Antique Amber Boulevard color palette (#FFF3E8, #D87300, #3E3C35, #231000, #050000)
- Muted Basin color palette (#F1E2CF, #8D6100, #2E46B5, #3B2600, #00000B)
- Muted Olive Orchard color palette (#F5F0CA, #6F8B00, #4B4F57, #003427, #060900)
- Hushed Chapel color palette (#FBF5E6, #B19F2D, #444C00, #231E12, #090401)
Browse the whole catalog at Explore, or see today's palette.