Weathered Cocoa Bloom color palette — #FEF4E3 · #FFCED5 · #C3996E · #4D74A7 · #662C09

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

The five colors

• Cream (#FEF4E3): A whisper-light, dusty gold — the color of old brass.
• Shell Pink (#FFCED5): A whisper-light, dusty red — the color of late-summer berries.
• Camel (#C3996E): A luminous, dusty gold — the color of honey in a jar.
• Slate (#4D74A7): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#662C09): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.

Use it as a design system

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

• Aged Cobalt color palette (#FEF3E6, #FFD1BE, #ACA462, #6C69AA, #443E39)
• Petrol Parlor color palette (#FAF5E5, #F2CFF9, #CA9091, #27808B, #543637)
• Tempered Petrol Summit color palette (#FFF1F1, #F1B8D7, #A29D58, #007695, #4D2B45)
• Coral Atelier color palette (#E7FBEE, #DF8D91, #8F7149, #375D7B, #53414D)
• Pewter Grove color palette (#FFF3E7, #EAC686, #769F6A, #7A4E90, #34312B)
• Weathered Ash Ridge color palette (#FFF1F1, #E2DBD0, #C9BAA4, #74A094, #644954)
• Washed Delta color palette (#FBF0E2, #E49572, #967048, #405B37, #37291E)
• Airy Nightshade color palette (#FFF3E5, #E8A672, #79872A, #51428E, #2E1E00)

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