Washed Cocoa color palette — #D4EDF5 · #005F61 · #584100 · #003031 · #000202

Deep Olive and Peacock set the tone — five colors that lean into optimism and sophistication.

The five colors

• Frost (#D4EDF5): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#005F61): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#584100): A deep, shadowed, dusty gold — the color of old brass.
• Deep Forest (#003031): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000202): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged 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

• Patina Forest color palette (#E3EFFB, #005788, #145401, #002C47, #000205)
• Timeworn Thicket color palette (#DCEFF6, #005E67, #7E004F, #2B2B00, #000203)
• Grape Canyon color palette (#E9EBFC, #762BCB, #465C00, #003B52, #070016)
• Obsidian Grape color palette (#DBDCF6, #730DAC, #663800, #003129, #030008)
• Soft Basin color palette (#DBE7FF, #4A52ED, #A03068, #00524E, #01000F)
• Eclipse Ultramarine color palette (#E7F0FD, #1640D5, #4B3300, #00211B, #000202)
• Indigo Study color palette (#D3DFF3, #5C76E4, #9D6300, #00614E, #0E1A30)
• Misty Sapphire color palette (#D7E0EB, #0073D8, #81003E, #00376D, #060001)

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