Cocoa Bloom color palette — #FFF3E2 · #B5DDB7 · #50A7B8 · #915E4B · #612D00

Built around Rust, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#B5DDB7): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#50A7B8): A luminous, balanced blue — the color of open sky before noon.
• Walnut (#915E4B): A full-bodied, dusty orange — the color of sun-warmed clay.
• Rust (#612D00): A deep, shadowed, balanced gold — the color of old brass.

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

• Weathered Teal Basin color palette (#FFF2EC, #D9D09B, #75AD92, #8B6072, #593230)
• Softworn Bronze color palette (#FDF6DA, #C6E6D0, #92BCDC, #AA7441, #744207)
• Chestnut Summit color palette (#FAF6DB, #C4DFC1, #B192B2, #806117, #3E3B34)
• Worn Lagoon Quarry color palette (#FCF5E4, #B8DDA7, #309F7F, #6E6430, #292A0A)
• Aged Azure Market color palette (#F1FCC7, #8AD3B9, #1F99EE, #726200, #383000)
• Washed Cerulean color palette (#C1EEDF, #7CB1B0, #468591, #644560, #522F36)
• Teal Boulevard color palette (#E3ECCB, #62B595, #297D9F, #6A382E, #300300)
• Worn Lilac Archive color palette (#E8FED4, #B2EAFD, #B2A0E0, #7E7D51, #4D4B22)

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