Hushed Cocoa color palette — #F5EDE2 · #D3D0C2 · #A1AB87 · #674600 · #050200

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

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Oat (#D3D0C2): a clean, paper-quiet neutral.
• Sage (#A1AB87): A luminous, dusty green — the color of fresh herbs.
• Bronze (#674600): A full-bodied, balanced gold — the color of old brass.
• Ink (#050200): quiet, heavy and certain.

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

• Aged Balcony color palette (#E4DFD6, #A5A090, #857E35, #463300, #070300)
• Garnet Meadow color palette (#FAEAE3, #DCCDBD, #ADA68E, #901602, #070100)
• Softworn Market color palette (#DDE6DD, #9CAEA7, #5C8987, #4B3200, #0B170D)
• Timeworn Forest color palette (#F3F7ED, #C9E0D9, #A2C4B5, #007341, #0B0E03)
• Lagoon Summit color palette (#E3E3CA, #3DA280, #00595E, #4D102C, #000201)
• Moss Lagoon color palette (#FFE4CE, #87984C, #006F63, #4A2346, #20001E)
• Linen Bronze Harbor color palette (#FFE1D0, #A76500, #0B5209, #270047, #020100)
• Gentle Coral color palette (#FBF8C8, #FF8A7E, #989600, #007969, #010200)

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