Eclipse Cocoa Ridge color palette — #ECDBCF · #7F3300 · #414940 · #181A11 · #0C0300

Rust and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Bone (#ECDBCF): A whisper-light, dusty gold — the color of honey in a jar.
• Rust (#7F3300): A full-bodied, balanced orange — the color of autumn markets.
• Charcoal (#414940): a grounded near-black with real depth.
• Ink (#181A11): quiet, heavy and certain.
• Ink (#0C0300): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Eclipse Cocoa Ridge 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

• Ancient Fern Study color palette (#F2E7D1, #615F68, #5D4C00, #161C16, #060600)
• Deep Garnet Thicket color palette (#F0DEE8, #5D2000, #322F29, #16160B, #0B0500)
• Charred Mulberry color palette (#FBE7E1, #92002F, #344300, #141206, #130000)
• Bronze Villa color palette (#F5D8C4, #B26900, #774B00, #352300, #050300)
• Hushed Apricot Summit color palette (#FFF3E6, #D9A264, #714C00, #322920, #130E0B)
• Tempered Alley color palette (#FFF4E0, #B28D00, #3E3C35, #1E1300, #030100)
• Tempered Moss color palette (#F6F7E0, #78B052, #434C00, #1F1F11, #060502)
• Chestnut Boulevard color palette (#F0E0D1, #A68B5D, #6D6422, #003625, #001310)

Browse the whole catalog at Explore, or see today's palette.