Ancient Cocoa Bloom color palette — #FFF3E8 · #E3DFB9 · #D3C08D · #AF7961 · #573300

Cocoa and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Celadon Mist (#E3DFB9): A whisper-light, dusty green — the color of new leaves after rain.
• Sand (#D3C08D): A luminous, dusty gold — the color of old brass.
• Caramel (#AF7961): A luminous, dusty orange — the color of toasted spice.
• Cocoa (#573300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Ancient 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

• Bronze Garden color palette (#FEE2CF, #D5A180, #AA7055, #7B4D41, #352F2A)
• Straw Hollow color palette (#FFF1F6, #FFE385, #D2DDCD, #C48667, #452833)
• Driftwood Workshop color palette (#FEF5D8, #CDE2BE, #89D3B9, #9E8B43, #413F38)
• Muted Pier color palette (#FFF2EA, #EBD3B2, #A0B77F, #AC4B50, #48433D)
• Bronze Hollow color palette (#EFDFCD, #DFBB6C, #B4A43E, #9F5400, #2F1E00)
• Weathered Fern color palette (#F9F5E6, #D4E1CE, #A0C9BD, #B6A680, #5D5400)
• Misty Lime Meadow color palette (#FCF9BC, #D9E976, #92CD64, #9C7B00, #3B3F04)
• Celadon Basin color palette (#FFF0F9, #FFE5B9, #C5E688, #E0919C, #543945)

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