Eclipse Denim color palette — #CBE8DF · #00558A · #583600 · #00223C · #0B0400

A conversation between Peacock and Cocoa, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#CBE8DF): A whisper-light, dusty teal — the color of glacier melt.
• Peacock (#00558A): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#583600): A deep, shadowed, dusty gold — the color of old brass.
• Midnight (#00223C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0B0400): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

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

• Twilit Garnet color palette (#D4ECDC, #005B6B, #760F00, #00252D, #130100)
• Smoked Nightshade color palette (#F6DCF2, #1B45B0, #503A00, #000A68, #090500)
• Muted Terrace color palette (#DEEBF5, #0071A3, #774F00, #003C5A, #0B0500)
• Eclipse Garnet color palette (#CCE1FA, #003F79, #650020, #152B00, #000206)
• Smoked Ultramarine color palette (#D1E1FD, #245BBA, #00275A, #00032B, #000109)
• Pale Loft color palette (#E0EDFA, #878FD2, #8B5AB3, #00394D, #010A2F)
• Tempered Study color palette (#DFEFFF, #0083D2, #A35D00, #00588F, #0D0400)
• Fern Pier color palette (#F1E7C9, #53610A, #312D00, #180F00, #010500)

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