Washed Cocoa color palette — #FFF2EA · #53A997 · #1D729C · #7A3819 · #28452C

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Turquoise (#53A997): A luminous, balanced teal — the color of sea glass.
• Slate (#1D729C): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#7A3819): A full-bodied, balanced orange — the color of sun-warmed clay.
• Forest (#28452C): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. 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

• Garnet Dune color palette (#F4F7E8, #63976B, #3F62A1, #831A23, #164314)
• Aged Chestnut color palette (#FCF4E7, #73B4BC, #6077A4, #6D5618, #344E42)
• Hushed Balcony color palette (#FFF2EB, #89A269, #007A71, #7E2B4B, #3C3E37)
• Softworn Basalt color palette (#FCF4E8, #B9AF8D, #607D52, #22665C, #504100)
• Pale Denim Veranda color palette (#FCE1B0, #00908C, #005493, #4C3300, #002F38)
• Lapis Cabin color palette (#FCF6D3, #009BC1, #5448C3, #484900, #05385B)
• Hushed Cerulean color palette (#F4F8E1, #3FC6D2, #0094BD, #69588F, #2A4433)
• Patina Chestnut color palette (#EAF2DB, #ADC1A8, #69887A, #825748, #6B4900)

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