Cocoa Basin color palette — #FEF4E3 · #FFCED6 · #CA9479 · #657A58 · #672A11

Built around Rust, softened by Camel — the whole palette hums with nature and growth.

The five colors

• Cream (#FEF4E3): A whisper-light, dusty gold — the color of old brass.
• Shell Pink (#FFCED6): A whisper-light, dusty red — the color of late-summer berries.
• Camel (#CA9479): A luminous, dusty orange — the color of toasted spice.
• Pewter (#657A58): A full-bodied, dusty green — the color of a quiet forest floor.
• Rust (#672A11): A deep, shadowed, balanced orange — the color of autumn markets.

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

• Olive Loft color palette (#FFF4E2, #F4CCFF, #C790A1, #7A752C, #4F383B)
• Worn Boulevard color palette (#FFF2EE, #FFB5BA, #A09D67, #307878, #4B2D3F)
• Stone Study color palette (#FCF5E3, #F9BCD8, #D99F83, #5D94AC, #5B403A)
• Coral Chapel color palette (#FFF2EC, #F09084, #7A4612, #332924, #140E0D)
• Hushed Coast color palette (#FFF2EE, #E0DACE, #CBB9A1, #859286, #3E584D)
• Patina Denim Lantern color palette (#E8F6ED, #C99CB6, #A06954, #005A78, #342638)
• Amber Market color palette (#FFF4DE, #FFA395, #B97400, #006569, #441904)
• Worn Honey color palette (#FFF4E2, #FFBE64, #929946, #416886, #35312B)

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