Cocoa Coast color palette — #FFF4E1 · #D7D7C3 · #9CAA96 · #A0797A · #793F19

Bronze takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
• Oat (#D7D7C3): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9CAA96): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#A0797A): A luminous, dusty red — the color of a theater curtain.
• Bronze (#793F19): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged vintage, retro, 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

• Bronze Station color palette (#F9F5EC, #D5D2B9, #98A07C, #987833, #574E00)
• Chestnut Alley color palette (#EBEBCC, #A6B79F, #6A9581, #905231, #54400C)
• Washed Terracotta color palette (#DEE3D0, #99AB85, #3787A1, #903D37, #38342E)
• Frost Thicket color palette (#D9FFF1, #C6E5F5, #A5C8D6, #8D8392, #554B5A)
• Cocoa Orchard color palette (#DFF2E6, #619EA2, #447195, #673712, #352700)
• Muted Lagoon color palette (#EAFAEA, #74C0C0, #CD91A4, #BA7E59, #344835)
• Softworn Lagoon color palette (#F9F4EF, #CDE5E7, #C7A4C4, #37969D, #66485B)
• Chestnut Field color palette (#D2EBE8, #5EBADE, #787DBB, #7B5E00, #274500)

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