Cocoa Bloom color palette — #FDEEEA · #ABBB86 · #7C4145 · #41181D · #160805

Built around Coffee, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#FDEEEA): a clean, paper-quiet neutral.
• Sage (#ABBB86): A luminous, dusty green — the color of a quiet forest floor.
• Coffee (#7C4145): A full-bodied, balanced red — the color of a theater curtain.
• Espresso (#41181D): A deep, shadowed, dusty red — the color of embers at dusk.
• Ink (#160805): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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 Chestnut color palette (#F7F1EA, #C5B27C, #6F4D17, #372200, #130B02)
• Mulberry Drift color palette (#F9EFF0, #8BC2A5, #6E4173, #39183C, #16080B)
• Hushed Basin color palette (#FAF2FB, #BBCD8E, #AC505B, #513952, #271E27)
• Dusty Atelier color palette (#FBE3D3, #9C9B17, #692600, #2A0B00, #080100)
• Bronze Garden color palette (#F6F1EC, #D7D8D0, #B5C1B2, #9C673F, #332A23)
• Dusty Canyon color palette (#FDF1FA, #FBE3B0, #9D655D, #5B261F, #160B14)
• Brick Studio color palette (#FAEFEC, #DAA3A4, #008A64, #B5203D, #091101)
• Timeworn Aubergine Station color palette (#FFEFE0, #C78B7E, #706F14, #4B367E, #321D07)

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