Washed Cocoa Basin color palette — #F9E0EA · #839F82 · #8B5528 · #6E2E16 · #1D3725

Rust and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F9E0EA): A whisper-light, dusty rose — the color of strawberry cream.
• Eucalyptus (#839F82): A luminous, dusty green — the color of a quiet forest floor.
• Coffee (#8B5528): A full-bodied, balanced gold — the color of old brass.
• Rust (#6E2E16): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Forest (#1D3725): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Fern Studio color palette (#D6EFE2, #72A293, #6B661E, #554100, #0F3832)
• Tempered Chestnut color palette (#F0D9E3, #AD9566, #974E0B, #602C2C, #001E14)
• Wandering Thicket color palette (#DEF0DE, #96865A, #734D00, #552A00, #282500)
• Worn Bronze color palette (#F6E4D6, #C5AA76, #B96928, #834646, #32302A)
• Worn Pewter color palette (#FEF1F8, #CBAFBB, #977489, #71516D, #3C4D3B)
• Frosted Garnet color palette (#D6F5FA, #008371, #81497F, #850013, #002D32)
• Wandering Grove color palette (#CDE8D4, #6E6A22, #463600, #291800, #090D00)
• Lowlit Chestnut color palette (#FFDFEE, #794F18, #461F00, #250400, #060300)

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