Hushed Cocoa color palette — #FCECD9 · #AB9F48 · #8F5D00 · #792E14 · #2A3C16

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

The five colors

• Cream (#FCECD9): A whisper-light, dusty gold — the color of honey in a jar.
• Moss (#AB9F48): A luminous, balanced green — the color of new leaves after rain.
• Ochre (#8F5D00): A full-bodied, balanced gold — the color of old brass.
• Rust (#792E14): A full-bodied, balanced orange — the color of toasted spice.
• Forest (#2A3C16): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

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

• Jade Hollow color palette (#F8EED2, #80AC5F, #736C00, #673F00, #113F2B)
• Hushed Moss Harbor color palette (#F8D8B4, #A28E11, #7F4F00, #6E1A00, #1F2F01)
• Rust Basin color palette (#FFEADD, #CA8F46, #A8471F, #762C40, #38352E)
• Misty Marigold color palette (#D7F1D8, #BF9C24, #8F6000, #673500, #002316)
• Airy Canyon color palette (#FFEBD2, #D4B03F, #B27900, #84532B, #3A370D)
• Worn Chestnut Lagoon color palette (#FCF4E8, #C0B89B, #937D55, #854E21, #4A4B00)
• Timeworn Bronze color palette (#FBE9D9, #816200, #562C00, #3D0004, #0B0D00)
• Olive Atelier color palette (#F8EFD6, #548538, #4B4800, #392200, #101A00)

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