Cocoa Coast color palette — #ECF9F1 · #B8F0FF · #FFB6B1 · #61A6B7 · #6F3218

Rust and Rose Quartz set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF9F1): a clean, paper-quiet neutral.
• Frost (#B8F0FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Rose Quartz (#FFB6B1): A whisper-light, balanced orange — the color of autumn markets.
• Blue Fog (#61A6B7): A luminous, dusty blue — the color of deep harbor water.
• Rust (#6F3218): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged light, 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

• Timeworn Corridor color palette (#F0F8EC, #98FBE8, #FFB6AF, #66A99B, #4C4441)
• Periwinkle Courtyard color palette (#FBF1FC, #D9DAF7, #E5C88D, #729DCF, #4A463F)
• Ancient Stone color palette (#ECF9ED, #C0DFF3, #C9C5BA, #96BAA1, #3F5048)
• Turquoise Atelier color palette (#E9F8FF, #97E3F5, #D6BAEC, #5DB7CB, #4B4967)
• Driftwood Boulevard color palette (#FBF2F9, #D6DACC, #9A7A95, #543E51, #211820)
• Weathered Glacier color palette (#E5FDE8, #5AE2EB, #EEA97A, #C2987C, #2D3D2F)
• Dusty Garden color palette (#E9F8FF, #77BCCB, #CD817C, #008194, #5F415C)
• Apricot Grove color palette (#E0FDEE, #6DD6FF, #FB8F1F, #008BB1, #482300)

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