Cocoa Basin color palette — #EAFBE3 · #BFDFC7 · #98BBE0 · #AD8680 · #773D15

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

The five colors

• Cream (#EAFBE3): A whisper-light, dusty green — the color of fresh herbs.
• Celadon Mist (#BFDFC7): A whisper-light, dusty teal — the color of sea glass.
• Sky (#98BBE0): A luminous, dusty blue — the color of open sky before noon.
• Caramel (#AD8680): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#773D15): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Driftwood Hollow color palette (#F0F5D9, #C7DEC0, #9CBEA7, #AE7F87, #604946)
• Timeworn Cocoa Summit color palette (#E3FDEC, #BFE1E4, #E0B8D1, #AA9184, #6F4400)
• Bronze Boulevard color palette (#EFEDD0, #B0D1AF, #7DA6CE, #A06B39, #734105)
• Antique Quarry color palette (#DAEFFF, #B9CFFF, #B2A1D5, #B37D51, #5D4B1A)
• Hushed Periwinkle color palette (#D2EBED, #57C6FC, #789CFF, #9D615A, #643000)
• Wandering Teal color palette (#F4F7EB, #AAE4CC, #5BC0B5, #8E9474, #324B07)
• Lilac Cabin color palette (#C5EADE, #A6B3EF, #B785CC, #8E6B43, #413B00)
• Powder Delta color palette (#F8F5EF, #C1E9E8, #80C6F7, #52A7AC, #543F55)

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