Cocoa Terrace color palette — #FFEDE3 · #C7B68D · #539979 · #803D42 · #3E180B

A conversation between Rust and Fern, giving this palette its sense of sophistication.

The five colors

• Cream (#FFEDE3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#C7B68D): A luminous, dusty gold — the color of honey in a jar.
• Fern (#539979): A luminous, balanced teal — the color of glacier melt.
• Rust (#803D42): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#3E180B): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Dusty Pine color palette (#FEF3E6, #BBC086, #45884C, #6E4800, #191A00)
• Frosted Field color palette (#FCDBB5, #8BAD7B, #00838B, #662D0E, #351100)
• Pewter Canyon color palette (#FFF3E3, #DAC9B1, #999C7A, #885466, #593A19)
• Chestnut Market color palette (#F9FBB4, #AFCE9A, #24A7BA, #894700, #3B3B00)
• Muted Moss Parlor color palette (#EDDEBF, #749D65, #2F6D74, #643A4F, #412F4E)
• Softworn Moss color palette (#F7EDCF, #89A460, #1D6E73, #4B1E00, #0A0700)
• Weathered Teal Loft color palette (#CBEFE3, #8DC2BF, #3CABA8, #786695, #3D324C)
• Ancient Ridge color palette (#FFF3E3, #CFE1C8, #97B499, #A5743D, #724401)

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