Twilit Cocoa Balcony color palette — #CDE6F5 · #00556C · #583000 · #00222E · #030100

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

The five colors

• Frost (#CDE6F5): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#00556C): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#583000): A deep, shadowed, balanced gold — the color of honey in a jar.
• Midnight (#00222E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#030100): 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 Twilit Cocoa Balcony 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

• Lowlit Balcony color palette (#C6E8F5, #00575F, #730020, #002327, #040000)
• Lowlit Basalt Station color palette (#CDEAEF, #00444D, #432C00, #182103, #000102)
• Tempered Terracotta Parlor color palette (#D0E6DD, #00749F, #893900, #002F44, #030100)
• Charred Archive color palette (#DFE7D7, #686000, #005A7A, #080C12, #000103)
• Plum Alley color palette (#CDE2F0, #678CDE, #9C3991, #003C31, #000205)
• Obsidian Garden color palette (#E0E7FC, #4A20B8, #463B00, #1F005A, #020100)
• Fern Orchard color palette (#DEEDE2, #4E5900, #352800, #1B0800, #000200)
• Denim Atelier color palette (#CBE6FB, #005E9E, #002A4B, #18141C, #000610)

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