Washed Cocoa Coast color palette — #E9F4F4 · #629A78 · #955D4A · #644100 · #031E17

Bronze and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E9F4F4): a clean, paper-quiet neutral.
• Fern (#629A78): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#955D4A): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#644100): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#031E17): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Antique Harbor color palette (#EBF4F0, #898649, #8C5173, #793A33, #111D11)
• Ancient Fern Terrace color palette (#E7F4FA, #298C9D, #7C5D00, #364F00, #001416)
• Antique Mulberry Loft color palette (#EFF8F2, #3C8FA7, #8D4E7F, #674B00, #24352B)
• Wandering Chestnut Quarry color palette (#D6FAFD, #007E67, #7F4100, #3F3300, #011000)
• Softworn Cocoa color palette (#F0F1FB, #A393BD, #985B7B, #783527, #362300)
• Chestnut Corridor color palette (#F1F5FF, #AAB4ED, #A584B4, #895800, #102C33)
• Aged Ridge color palette (#F8EEF9, #91ADD9, #7173A5, #753D55, #202C42)
• Ancient Cobalt Study color palette (#E5EEFB, #6782B7, #343B4B, #171F2A, #090D12)

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