Washed Cocoa Basin color palette — #FAF0E1 · #78B7C5 · #567BA6 · #7D3E25 · #173227

Bronze and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FAF0E1): A whisper-light, dusty gold — the color of old brass.
• Cyan (#78B7C5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#567BA6): A full-bodied, dusty blue — the color of deep harbor water.
• Bronze (#7D3E25): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#173227): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, 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

• Washed Turquoise Archive color palette (#E9F5EE, #51AAC4, #7D6691, #6E3D2F, #202C05)
• Hushed Cobalt color palette (#EDF9EE, #7EB5A5, #4E7BA9, #74521B, #324C55)
• Tempered Pewter Study color palette (#EDF9EF, #85CBDA, #7295BF, #9A5A57, #324B5B)
• Hushed Iris Basin color palette (#FEF0DA, #8E95DD, #805A8A, #584300, #311B26)
• Airy Orchard color palette (#FFF0D8, #009DD9, #4A53BA, #682700, #001D38)
• Aged Corridor color palette (#E4F1EB, #378CB7, #433743, #13221C, #080E0A)
• Muted Cypress Field color palette (#F5F1EA, #C9E1DC, #7FA791, #3C776C, #1A3E32)
• Wandering Driftwood color palette (#F3F2EA, #C4C7A3, #798C48, #566753, #31322B)

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