Twilit Cocoa Ridge color palette — #ECE2D3 · #743600 · #331F00 · #001302 · #080200

Bronze and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#ECE2D3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#743600): A full-bodied, balanced gold — the color of old brass.
• Espresso (#331F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#001302): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#080200): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

One click turns Twilit 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

• Charred Hollow color palette (#F5DDC6, #8E001F, #401300, #0D0F00, #0D0000)
• Eclipse Fern Meadow color palette (#F1E2C8, #6A5E00, #2D2D00, #280E00, #090500)
• Velvet Loft color palette (#FFE7D3, #424C44, #462400, #191D14, #080300)
• Ember Quarry color palette (#F8E1D0, #E83E00, #9F5000, #523600, #0D0400)
• Wandering Terracotta Bloom color palette (#D4F3DA, #AA3600, #523800, #00242A, #080200)
• Softworn Navy Harbor color palette (#F1E5D1, #C04977, #795100, #00259D, #0D0000)
• Bronze Boulevard color palette (#F3DAB3, #A16A00, #5B4C00, #003D2C, #332000)
• Worn Cerulean Canyon color palette (#EEF0E2, #388E9D, #004454, #002223, #000B12)

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