Twilit Cocoa Alley color palette — #D1E7ED · #005B6B · #5B3300 · #00252D · #0C0400

Cocoa and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D1E7ED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#005B6B): A full-bodied, dusty blue — the color of deep harbor water.
• Cocoa (#5B3300): A deep, shadowed, balanced gold — the color of honey in a jar.
• Midnight (#00252D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0C0400): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Cellar Archive color palette (#D2E8F3, #00465E, #4D2A00, #261E00, #000204)
• Muted Drift color palette (#D2F4F8, #005C64, #77002F, #00262A, #130003)
• Antique Nightshade color palette (#FAE9F9, #0048AF, #523A00, #001C4E, #0A0500)
• Patina Delta color palette (#D0E7FF, #0062A9, #002F45, #2C222A, #000A18)
• Dusty Fern Coast color palette (#D3E9DE, #007495, #436400, #003E52, #030700)
• Cellar Corridor color palette (#F7EDDD, #5A5F00, #392900, #200900, #030400)
• Linen Atelier color palette (#DDDAFC, #6A07E8, #455300, #320077, #0D1200)
• Worn Ridge color palette (#D6EADF, #748AD2, #954F9E, #00352D, #00100B)

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