Cocoa Bloom color palette — #FFF1F5 · #62A88C · #376F97 · #6F4100 · #14444F

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Jade (#62A88C): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#376F97): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#6F4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#14444F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Calm, Sophistication. Tagged retro, muted, cool.

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

• Hushed Fern Alley color palette (#EBF9F2, #71B6B2, #66769F, #5F5D07, #2F4C5B)
• Patina Archive color palette (#FDF0FE, #8DA15F, #00797D, #84283A, #124644)
• Muted Delta color palette (#FDF0DC, #3BAEB9, #2470A6, #6A3339, #12281C)
• Cypress Field color palette (#EDF9ED, #93BAAA, #567F5C, #25646D, #2E493F)
• Hushed Aqua color palette (#E7FBEB, #34C7D4, #468DC3, #8E4D54, #29414D)
• Chalky Terrace color palette (#D6FFF8, #009EAA, #5351B2, #165400, #003B52)
• Worn Denim color palette (#ECE7B3, #009278, #005494, #3F3900, #003033)
• Pine Bloom color palette (#F9F2FA, #C4E2EC, #4395B4, #27733D, #304966)

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