Cocoa Coast color palette — #FCF3ED · #F1DAB8 · #BEB68E · #AC929C · #674600

A conversation between Bronze and Stone, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Peach Cream (#F1DAB8): A whisper-light, dusty gold — the color of honey in a jar.
• Stone (#BEB68E): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#AC929C): A luminous, dusty rose — the color of a warm blush.
• Bronze (#674600): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, muted, light.

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

• Fern Workshop color palette (#F8F5EB, #C5EAC1, #A9BD9D, #89A097, #4D5200)
• Washed Oat color palette (#FFF1F5, #E2C8FF, #C4CF86, #B59BD3, #4F4D46)
• Taupe Dune color palette (#EFF8F0, #B4DCC5, #98A175, #6D818C, #435149)
• Timeworn Oat color palette (#FBF4EE, #C0E7FC, #DCBAD8, #90AB8B, #644A57)
• Weathered Teal Market color palette (#FFF4DF, #B6D692, #60B38E, #A47577, #36362F)
• Lagoon Garden color palette (#F8EFF2, #B4CABA, #618E7D, #51627B, #223728)
• Weathered Powder color palette (#D9FFF3, #C4D5FF, #BEAEF5, #A17FA3, #6B4C4C)
• Mallow Station color palette (#FFF1F4, #FFD1E6, #CFAAE5, #9179A3, #4E2F37)

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