Cocoa Delta color palette — #FCF1FD · #A6C7F0 · #D2A97A · #668FC1 · #6C4200

Bronze takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FCF1FD): a clean, paper-quiet neutral.
• Sky (#A6C7F0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Camel (#D2A97A): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate Blue (#668FC1): A luminous, balanced blue — the color of deep harbor water.
• Bronze (#6C4200): A full-bodied, balanced gold — the color of honey in a jar.

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

Use it as a design system

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

• Muted Harbor color palette (#EBF9F1, #8FCFE6, #DDA187, #4D98B0, #534B47)
• Hushed Iris color palette (#FFF1F6, #CDB9ED, #AFB87C, #977FBB, #4F4D46)
• Periwinkle Terrace color palette (#EFF6FF, #BAD7FF, #F1BC7B, #79ABED, #3F543D)
• Soft Cobalt color palette (#FAF2FB, #C2A4C5, #B59260, #2B74C1, #6A4400)
• Hushed Ash Harbor color palette (#FFF0FF, #E9D7D8, #CFB7A1, #78AB99, #584651)
• Powder Alley color palette (#FFF0FE, #8FB2ED, #D98D8B, #75A06E, #4D3C4B)
• Linen Lapis color palette (#FFF0FA, #98A6FF, #BAA318, #5557EA, #443A00)
• Muted Bronze color palette (#FEF3EC, #E1C5AD, #B6937E, #A36146, #643E00)

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