Cocoa Delta color palette — #FFF2ED · #BBF1F8 · #DFDCCD · #D7A2B6 · #723D08

Built around Bronze, softened by Rosewood Mist — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Frost (#BBF1F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Bone (#DFDCCD): A whisper-light, dusty green — the color of new leaves after rain.
• Rosewood Mist (#D7A2B6): A luminous, dusty rose — the color of a warm blush.
• Bronze (#723D08): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, 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

• Ancient Harbor color palette (#FFF3E2, #D5E2C5, #B9BCCC, #E0A893, #664F00)
• Gentle Glacier color palette (#FFF4E1, #C1F4CE, #62E8E8, #EA956F, #4A461A)
• Taupe Canyon color palette (#FFF0F9, #E8D4D3, #D0CC9B, #BF877F, #593F4C)
• Misty Chartreuse color palette (#FFF2EB, #FFE3A2, #A0E76C, #F4797F, #543400)
• Seafoam Balcony color palette (#ECE9FC, #00EEE3, #FFB293, #645C58, #342B26)
• Muted Basalt Harbor color palette (#FBF4E6, #D9D2A7, #BBAD74, #A2815B, #3F4100)
• Weathered Chestnut Pier color palette (#FEF3E7, #E9D49D, #B58C5E, #85581B, #2C1F10)
• Timeworn Marigold Veranda color palette (#FFF3E7, #F0A85D, #9EA7EA, #8B88C3, #37322C)

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