Cocoa Loft color palette — #D0EDFE · #005B70 · #673300 · #411E00 · #000F19

Built around Bronze, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Frost (#D0EDFE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#005B70): A full-bodied, dusty blue — the color of deep harbor water.
• Bronze (#673300): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#411E00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#000F19): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Faded Garnet Cabin color palette (#D0F5FC, #005F56, #810600, #520200, #00110E)
• Eclipse Abyss color palette (#E0F2FF, #004A67, #433400, #251B00, #00050A)
• Muted Ultramarine color palette (#E6EFFF, #1B18E7, #494500, #2C2A00, #03092A)
• Chalky Villa color palette (#D0E8FF, #006BB4, #695700, #493C00, #00203D)
• Gentle Aubergine Station color palette (#DEE2D2, #006F95, #53137E, #212800, #041531)
• Dusty Aubergine Station color palette (#D9EEE3, #005B76, #59277A, #053103, #000304)
• Byzantium Ridge color palette (#EBEDFF, #884CC5, #27723C, #0E5325, #23243A)
• Cerulean Pier color palette (#ECF7FF, #008CBF, #96652F, #70491E, #243541)

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