Cocoa Loft color palette — #D8E6DD · #005B6D · #5D3200 · #00252E · #0D0400

A conversation between Cocoa and Peacock, giving this palette its sense of trust and stability.

The five colors

• Parchment (#D8E6DD): bright and airy, almost weightless.
• Peacock (#005B6D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Cocoa (#5D3200): A deep, shadowed, balanced gold — the color of honey in a jar.
• Midnight (#00252E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0D0400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Cellar Garnet Studio color palette (#D1EBD3, #005D61, #780026, #002628, #130002)
• Twilit Abyss Delta color palette (#D9EDFC, #004468, #542400, #2B1C00, #000205)
• Lowlit Nightshade Balcony color palette (#F5DCF3, #0E49AC, #523900, #001A54, #0A0500)
• Terracotta Cabin color palette (#CDEFDF, #007398, #8F3B00, #003E53, #0F0300)
• Tempered Petrol color palette (#E2F2FF, #006C9C, #003150, #2C2128, #000A16)
• Fern Veranda color palette (#EEE0CA, #595E25, #392900, #200900, #000500)
• Quiet Lapis Chapel color palette (#FCDDEE, #5C47BA, #3F5400, #2E007B, #0B1200)
• Mulberry Ridge color palette (#D6ECE1, #7B8FC1, #8E488B, #004036, #000E2D)

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