Eclipse Cocoa Canyon color palette — #FBE4D2 · #582900 · #003136 · #000E35 · #040100

Espresso and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#FBE4D2): A whisper-light, dusty gold — the color of old brass.
• Espresso (#582900): A deep, shadowed, balanced gold — the color of old brass.
• Deep Forest (#003136): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#000E35): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#040100): quiet, heavy and certain.

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

Use it as a design system

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

• Shadow Cocoa Parlor color palette (#F2EADE, #5C4700, #192A00, #000B28, #040300)
• Midnight Corridor color palette (#E9DEC1, #3F3800, #00285A, #20002E, #020200)
• Charred Garnet Orchard color palette (#F2D9D3, #6B002D, #00331E, #00161B, #060001)
• Bronze Ridge color palette (#F2EDE7, #A09988, #7C7227, #392700, #100700)
• Moonless Garnet color palette (#FFE1E1, #62004A, #002E42, #26001B, #040002)
• Midnight Nightshade Meadow color palette (#E2DFC9, #3E4A00, #18129B, #340034, #040500)
• Soft Aubergine color palette (#EADDC1, #5F5100, #004576, #3C005C, #110D00)
• Airy Mulberry Boulevard color palette (#EEE5F1, #99004A, #004E5D, #4A003E, #060001)

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