Washed Cocoa color palette — #FBF4EC · #C9DFCC · #B4B08C · #947F8B · #594300

Built around Deep Olive, softened by Sage — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Celadon Mist (#C9DFCC): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#B4B08C): A luminous, dusty green — the color of fresh herbs.
• Gray (#947F8B): A luminous, dusty pink — the color of neon signs at night.
• Deep Olive (#594300): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Aged Chapel color palette (#F1F7F2, #C6E7D4, #95C1AE, #AA8FAF, #3D5347)
• Basalt Drift color palette (#F7F6E5, #C5F2D4, #5FAFA1, #8F6C6E, #323E00)
• Softworn Quarry color palette (#FFF1F3, #F6D2D4, #DB96A9, #AC6D67, #4C4541)
• Worn Driftwood Loft color palette (#FDF2F5, #ABC9B7, #788952, #5D657F, #405247)
• Dusty Cocoa Alley color palette (#FFF2EE, #E0DBCE, #D7A5A8, #9CB6AF, #783C1B)
• Hushed Atelier color palette (#FFF2ED, #E3D8D1, #E4A6A0, #905A58, #422013)
• Weathered Moss color palette (#FFF3E2, #D9E093, #72A064, #6B648F, #2F3100)
• Cerulean Workshop color palette (#FAF4EE, #CADBE7, #E3BEDC, #579EAB, #5F4452)

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