Tempered Cocoa Courtyard color palette — #FFF0FD · #FFCEE0 · #E9A9A1 · #B8856B · #624103

Bronze and Rose Quartz set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Shell Pink (#FFCEE0): A whisper-light, dusty rose — the color of strawberry cream.
• Rose Quartz (#E9A9A1): A luminous, dusty orange — the color of autumn markets.
• Caramel (#B8856B): A luminous, dusty orange — the color of autumn markets.
• Bronze (#624103): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged light, muted, warm.

Use it as a design system

One click turns Tempered Cocoa Courtyard 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

• Patina Coast color palette (#FCF1FF, #FBB5BB, #CF9088, #985D4A, #6F3A1D)
• Muted Cocoa Workshop color palette (#F2F4FF, #E8D0FF, #D7A4CB, #B67988, #6F352C)
• Patina Summit color palette (#FFF1F2, #FFCFBB, #D3AE7B, #968C54, #395117)
• Petal Atelier color palette (#FBF5E1, #FFB7DF, #D99E87, #71967E, #56423E)
• Aged Cocoa color palette (#F7EEFF, #D2B6D9, #B8726D, #863C14, #412100)
• Tempered Tangerine Studio color palette (#FFD9EA, #FFAAB0, #F87B3C, #AA7000, #3E3800)
• Blush Quarry color palette (#FEEEE8, #F89898, #A46E3C, #5F514C, #271F1F)
• Amber Parlor color palette (#F1DEE2, #FF927C, #D37000, #876200, #282A00)

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