Quiet Cocoa Garden color palette — #FFF1F2 · #FFBEBA · #CC6B55 · #883400 · #3A1900

Rust and Coral Clay set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Rose Quartz (#FFBEBA): A whisper-light, dusty orange — the color of sun-warmed clay.
• Coral Clay (#CC6B55): A luminous, balanced orange — the color of toasted spice.
• Rust (#883400): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#3A1900): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Quiet Cocoa Garden 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

• Amber Quarry color palette (#FFF2ED, #FAB484, #C77D2A, #754D00, #302200)
• Aged Amber Lantern color palette (#FBE2D7, #D0731B, #6D4100, #2D1C00, #020100)
• Terracotta Bloom color palette (#FFD5DB, #EA7778, #A63C2F, #712400, #4A1F00)
• Hushed Mulberry Study color palette (#FFF0F9, #FAB0CF, #CB6885, #A7003D, #4E0008)
• Airy Terracotta color palette (#FFEAE9, #E37F6B, #AB3E00, #522400, #070200)
• Ancient Chapel color palette (#E7FCE5, #F69A8E, #B06A41, #485900, #33152B)
• Coral Studio color palette (#FDCDF6, #FFA0C2, #F77264, #B75900, #3C2A00)
• Timeworn Apricot color palette (#FFF0FD, #E8DAD7, #EEC3A6, #FF8A50, #48140B)

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