Washed Cocoa color palette — #FDF0DD · #74B5D6 · #6976A2 · #7A4117 · #1A312B

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

The five colors

• Cream (#FDF0DD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cyan (#74B5D6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#6976A2): A full-bodied, dusty violet — the color of a velvet chair.
• Bronze (#7A4117): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#1A312B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Tempered Balcony color palette (#E8F6F0, #6EA3C7, #8C6185, #654422, #232B0C)
• Washed Teal Alley color palette (#FBF0E0, #75BBB0, #458198, #714155, #213023)
• Fern Corridor color palette (#E8FBEF, #6DB7B1, #5F76A8, #665A07, #344B57)
• Washed Bronze Pier color palette (#EAFAED, #8FC7E4, #8290BF, #9F5A3E, #394A5A)
• Dusty Pewter color palette (#FDF0DC, #A291CB, #90537F, #4B4900, #331A22)
• Worn Glacier color palette (#FDF4E6, #9BEDF2, #969FCD, #847041, #30443B)
• Aged Cobalt Balcony color palette (#F5E9F5, #5085C3, #453640, #231B23, #070E0B)
• Hushed Villa color palette (#FFF0D8, #3391FA, #674EA7, #5B3300, #0F193C)

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