Cocoa Basin color palette — #FFF3E8 · #DBA47B · #6FB4A4 · #968AB7 · #623600

Bronze takes the lead with Camel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Camel (#DBA47B): A luminous, balanced gold — the color of honey in a jar.
• Turquoise (#6FB4A4): A luminous, dusty teal — the color of shallow lagoons.
• Heather (#968AB7): A luminous, dusty violet — the color of twilight just after sunset.
• Bronze (#623600): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Patina Stone Coast color palette (#FFF2ED, #E69A94, #80B481, #7791C9, #48403D)
• Washed Corridor color palette (#FDF5DE, #B8B479, #68B0CC, #B57F9D, #524000)
• Worn Chestnut Garden color palette (#FFF3E8, #DDDCCA, #97BEB9, #C59B87, #724A00)
• Mint Lagoon color palette (#FFF1F7, #FFBB88, #4FD4B9, #A796D3, #45323A)
• Aged Bronze Terrace color palette (#FFF2EA, #DCC6B1, #B3947F, #A26243, #624000)
• Washed Terrace color palette (#FFE8C3, #CA8F00, #00A3A9, #A15EB3, #422C00)
• Antique Cerulean Studio color palette (#FFF2E9, #C28967, #4D90C2, #5F6CA8, #47413C)
• Hushed Bronze Parlor color palette (#FAF4E9, #E6CDA6, #987834, #644800, #302B21)

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