Cocoa Basin color palette — #FFF4E2 · #FFD0C8 · #C19A6E · #5B7C5E · #632F00

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

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Shell Pink (#FFD0C8): A whisper-light, dusty orange — the color of autumn markets.
• Camel (#C19A6E): A luminous, dusty gold — the color of old brass.
• Fern (#5B7C5E): A full-bodied, dusty green — the color of new leaves after rain.
• Bronze (#632F00): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.

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

• Worn Cocoa Cabin color palette (#FFF4E2, #FFD3AF, #ACA46B, #417A96, #573800)
• Muted Hollow color palette (#FFF4E2, #FFCAEB, #C59392, #6D7A35, #4F3937)
• Cerulean Summit color palette (#FCF4E4, #F2C0D7, #D1A479, #698FBC, #5A4139)
• Wandering Bronze color palette (#EAFAED, #D89389, #9B6C34, #00666A, #55414C)
• Hushed Basalt color palette (#FFF2EB, #DFDCCC, #BEC3B0, #82978A, #574958)
• Patina Balcony color palette (#FEF3EB, #DB9E7D, #744B01, #332921, #140E0B)
• Ancient Honey Workshop color palette (#FFF4E2, #E2CB76, #7C9D6A, #4A6297, #34322B)
• Marigold Loft color palette (#FFF4E2, #E8A84E, #7F851B, #005686, #2C2000)

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