Cocoa Coast color palette — #FCF4E4 · #FFCFD2 · #B1A177 · #5A7595 · #642E00

Rust takes the lead with Camel close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FCF4E4): A whisper-light, dusty gold — the color of honey in a jar.
• Shell Pink (#FFCFD2): A whisper-light, dusty red — the color of a theater curtain.
• Camel (#B1A177): A luminous, dusty gold — the color of honey in a jar.
• Slate (#5A7595): A full-bodied, dusty blue — the color of open sky before noon.
• Rust (#642E00): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Trust, Stability, 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

• Petal Bloom color palette (#F6F6E6, #F4CCFF, #CB9283, #417C89, #503837)
• Tempered Cerulean color palette (#EBFAED, #F9C2AD, #C9A970, #4699A9, #583F4B)
• Tempered Basalt color palette (#FAF4EC, #C1E3D0, #AAB391, #9C7C86, #514600)
• Hushed Shell color palette (#FFF2ED, #FFB6B4, #63A8A5, #516B97, #482E46)
• Bronze Station color palette (#FBF0DF, #D59C86, #927338, #005D6A, #39281A)
• Honey Archive color palette (#FFF2EA, #EAC774, #5CA383, #75538B, #33322B)
• Muted Cocoa color palette (#FFF1F3, #E3DAD1, #CDC1B1, #A38591, #684B4F)
• Ancient Courtyard color palette (#FBF3EF, #C3E0E8, #9BCDD3, #699F89, #5D4457)

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