Cocoa Bloom color palette — #F2F4FF · #B4FFF6 · #FFD2BA · #5E2F00 · #19110C

A conversation between Cocoa and Sea Foam, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#F2F4FF): a clean, paper-quiet neutral.
• Sea Foam (#B4FFF6): A whisper-light, dusty teal — the color of glacier melt.
• Peach Cream (#FFD2BA): A whisper-light, dusty orange — the color of toasted spice.
• Cocoa (#5E2F00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#19110C): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Antique Pier color palette (#EFF6FF, #D1FFAE, #FFCCE4, #523433, #1E1212)
• Washed Balcony color palette (#E3EFFF, #F2E119, #DAC9CB, #3B3832, #181407)
• Wandering Station color palette (#FDF3E9, #F8E4B0, #976D3B, #3D3732, #170D04)
• Aged Lime Basin color palette (#FDE6EB, #6BD954, #E29C00, #34230A, #161007)
• Apricot Grove color palette (#E3EFFF, #8DCBFF, #FD9328, #503331, #30262A)
• Turquoise Drift color palette (#FFF2EA, #E79E7F, #47ACCD, #85609F, #332013)
• Washed Marigold color palette (#ECE6F5, #6FDCFF, #FCA529, #2F1A00, #030100)
• Timeworn Jade color palette (#F5F7E4, #7AB874, #009B98, #674A88, #221303)

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