Hushed Cocoa color palette — #FBE9E1 · #A26F4F · #5C4800 · #00262B · #000103

Deep Olive and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#FBE9E1): A whisper-light, dusty orange — the color of toasted spice.
• Mocha (#A26F4F): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Olive (#5C4800): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#00262B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000103): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

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

• Patina Dune color palette (#FFE6F8, #9D6773, #6A3E2A, #002C13, #000303)
• Washed Onyx color palette (#FFE8CF, #81804D, #3D582F, #002146, #02000C)
• Hushed Pier color palette (#FCECE6, #B65800, #573300, #1C1100, #020100)
• Muted Loft color palette (#F0DBD9, #9B5000, #473700, #002327, #060B1E)
• Timeworn Veranda color palette (#FDE8D0, #915F00, #0053A3, #3D2500, #000105)
• Weathered Aubergine color palette (#F9E9D4, #6F4E00, #005154, #50005F, #020100)
• Hushed Atelier color palette (#F1F1E2, #458C5B, #004736, #380020, #000200)
• Linen Bronze color palette (#FFE6ED, #B5747F, #976100, #4A3A7E, #170C33)

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