Hushed Cocoa Terrace color palette — #F9E6BB · #84B49C · #487E9A · #6A4B42 · #573400

Built around Cocoa, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Peach Cream (#F9E6BB): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#84B49C): A luminous, dusty teal — the color of sea glass.
• Slate (#487E9A): A full-bodied, dusty blue — the color of open sky before noon.
• Coffee (#6A4B42): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#573400): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Hushed Cocoa Market color palette (#EAF3D0, #73B7A9, #8E7292, #7A3E1D, #3E3A34)
• Cocoa Orchard color palette (#FCD8BB, #B3A974, #6B8060, #764C4F, #6A2F0F)
• Weathered Corridor color palette (#FCF4E5, #84A76E, #1A7359, #4E4B44, #36362F)
• Cerulean Terrace color palette (#FEF2EF, #88D5D0, #0F86A0, #365E35, #11443A)
• Timeworn Denim color palette (#D2E9EF, #8AB2C1, #507991, #4B456D, #2A2848)
• Tempered Bronze Archive color palette (#F0F9E3, #ACCEB9, #A28A98, #94652B, #5C5100)
• Washed Basalt color palette (#B0EEE1, #9ABC9C, #739C84, #636993, #4E4168)
• Soft Sky Balcony color palette (#9BF6EC, #70B3EB, #87719E, #685723, #3D4821)

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