Cocoa Coast color palette — #FFF4E2 · #FFD3AE · #AAA472 · #527D6C · #573800

Cocoa takes the lead with Peach Cream close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Peach Cream (#FFD3AE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#AAA472): A luminous, dusty green — the color of new leaves after rain.
• Teal (#527D6C): A full-bodied, dusty teal — the color of sea glass.
• Cocoa (#573800): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Washed Straw color palette (#FFF4E2, #F5DC82, #8FAC7E, #836880, #4D3E00)
• Hushed Delta color palette (#FFF3E6, #FFBD70, #71A982, #47708B, #4C2E35)
• Cocoa Coast color palette (#FFF3E3, #FBC2A4, #B2B183, #A17F9A, #643E00)
• Dusty Garden color palette (#ECF9F0, #8FB293, #807942, #196855, #354F3D)
• Weathered Lantern color palette (#E7F7E8, #D39D87, #817A48, #4C4985, #3C232D)
• Worn Corridor color palette (#F9F5E8, #B9E7D2, #ADB389, #B47450, #4E4800)
• Worn Hollow color palette (#FFF3E7, #DCE4C8, #CACBAA, #748E87, #614E59)
• Tempered Chartreuse Parlor color palette (#FFF4E2, #B1DD77, #50A487, #685A88, #31322B)

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