Hushed Cocoa color palette — #FBF4EA · #C3E2CC · #B1B18A · #977D8B · #554400

A conversation between Deep Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Celadon Mist (#C3E2CC): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#B1B18A): A luminous, dusty green — the color of fresh herbs.
• Heather (#977D8B): A luminous, dusty pink — the color of neon signs at night.
• Deep Olive (#554400): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Hushed 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

• Wandering Stone Field color palette (#EFF8F2, #C8E6D7, #B2BB8E, #AC8FAB, #3E5349)
• Patina Courtyard color palette (#FBF4EA, #D6E4BE, #8DA87C, #8C6D6F, #3A3831)
• Aged Stone color palette (#FFF1F1, #FFD4DE, #E49C95, #A96D5A, #4F4944)
• Softworn Driftwood color palette (#F0F8F0, #A1CCB8, #708A5F, #5E647E, #3F5249)
• Hushed Chestnut Parlor color palette (#F5F1E9, #CEC39E, #7E895B, #8E4D35, #33312A)
• Timeworn Pier color palette (#FCF3EF, #C1E1E8, #A8C5EE, #699F8A, #30564D)
• Weathered Canyon color palette (#FFF2EC, #DFDCCD, #A8C0D9, #D8A9A5, #7A4216)
• Timeworn Lantern color palette (#FFF2EC, #FBB9B0, #6CCCD3, #78A9C6, #5E2403)

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