Eclipse Cocoa Study color palette — #F9E0EA · #713D00 · #003E67 · #301700 · #000103

Bronze and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#F9E0EA): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#713D00): A full-bodied, balanced gold — the color of old brass.
• Navy (#003E67): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#301700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Moonless Garnet color palette (#F3DEEF, #882018, #00434F, #400101, #000102)
• Inked Archive color palette (#D6E4DA, #5C4A00, #291E99, #261D00, #01000A)
• Quiet Rust Workshop color palette (#F2D6E5, #BA581A, #004590, #491B00, #000105)
• Inked Onyx Market color palette (#FADFE7, #553200, #003A36, #340051, #020100)
• Cellar Study color palette (#F4E5FC, #006885, #615100, #09100C, #000201)
• Smoked Chestnut Field color palette (#F6EAD9, #815900, #3E2500, #19221E, #0D0500)
• Antique Studio color palette (#FFE3ED, #9D8748, #577722, #582000, #030100)
• Washed Aubergine Market color palette (#CEE6DF, #486700, #6A0099, #203000, #06000D)

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