Cocoa Basin color palette — #FFF2EE · #D2FDDD · #E0DCCE · #D9B2B5 · #774210

Bronze takes the lead with Honeydew close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Honeydew (#D2FDDD): A whisper-light, dusty teal — the color of glacier melt.
• Bone (#E0DCCE): a clean, paper-quiet neutral.
• Rosewood Mist (#D9B2B5): A luminous, dusty red — the color of a theater curtain.
• Bronze (#774210): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Ash Thicket color palette (#FFF0FA, #D6DBCD, #BCBECA, #AE95B0, #604D57)
• Antique Fern Ridge color palette (#FBF4E8, #D3E0B3, #C8B38B, #A38E7B, #444E00)
• Seafoam Courtyard color palette (#FFF2EE, #E1E8BD, #93EFB8, #E28EA2, #4D4741)
• Hushed Delta color palette (#FFF3E3, #E6BB6B, #97B9E4, #7D9CC2, #533700)
• Hushed Glacier Lagoon color palette (#FFE6E3, #23FAFC, #FFBFD7, #735E5C, #362D2C)
• Aged Bronze color palette (#FEF3E8, #EEDEA6, #BC9670, #916128, #302A24)
• Tempered Marigold Workshop color palette (#FFF2EA, #F7B072, #BF93D0, #9E7FAB, #423135)
• Dusty Aqua color palette (#FBF4EE, #FFD4B3, #6BC7D7, #D49E73, #253128)

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