Washed Cocoa Basin color palette — #FDF4E7 · #DDB594 · #AA8E58 · #487C5B · #653E00

Built around Bronze, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF4E7): a clean, paper-quiet neutral.
• Sand (#DDB594): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#AA8E58): A luminous, dusty gold — the color of honey in a jar.
• Teal (#487C5B): A full-bodied, dusty teal — the color of shallow lagoons.
• Bronze (#653E00): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Washed 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

• Hushed Olive color palette (#FFF3E6, #E9ABAB, #BC826C, #707426, #703416)
• Muted Cypress color palette (#FAF5E6, #C1C193, #839B6D, #047E85, #544700)
• Wandering Taupe color palette (#E9FBEB, #FFD3B3, #BD9C68, #4B7D79, #4C3940)
• Ancient Market color palette (#F9F5ED, #DBD0B7, #9C9F73, #A76F40, #604A00)
• Softworn Bronze color palette (#FEF4E3, #D6948C, #8E7336, #425A7F, #4D4641)
• Gentle Marigold color palette (#FFF4DD, #D39E00, #878100, #006A5B, #413400)
• Aged Chestnut Workshop color palette (#FCF0E3, #C2905D, #764F04, #512F00, #26201C)
• Amber Workshop color palette (#E8DDC5, #B18E00, #6A6F00, #00544C, #2B2400)

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