Cocoa Basin color palette — #FCF1FB · #BED6FF · #EABC99 · #87A9E4 · #704000

A conversation between Bronze and Cornflower, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF1FB): a clean, paper-quiet neutral.
• Powder Blue (#BED6FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sand (#EABC99): A whisper-light, dusty gold — the color of old brass.
• Cornflower (#87A9E4): A luminous, balanced violet — the color of a velvet chair.
• Bronze (#704000): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

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

• Turquoise Veranda color palette (#EBF9F2, #A0DFFB, #F0BA90, #67B4D4, #524C46)
• Weathered Lilac Orchard color palette (#FFF0F7, #D7CCFF, #BDCF9C, #AC9DDF, #574E00)
• Washed Taupe Courtyard color palette (#FFF0FE, #A8C9FC, #DCB782, #A8A768, #4B3D4B)
• Washed Harbor color palette (#EEF6FF, #9EC8F7, #D3A974, #6290C1, #3D543C)
• Linen Alley color palette (#FFF0FE, #A4C6FF, #CFC823, #4C89F3, #3F3D00)
• Timeworn Alley color palette (#E9FAF4, #E4D5CE, #B1BEB2, #9B928A, #5D505C)
• Antique Powder color palette (#FFF0FC, #D1E3FF, #A0B4E9, #728CB8, #492D47)
• Pale Lilac color palette (#FDE8F0, #CAADFF, #B5B65D, #A077E2, #383800)

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