Patina Cocoa Courtyard color palette — #FCE1F3 · #AF7B45 · #853D28 · #5C1D32 · #0B2B1A

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

The five colors

• Blush (#FCE1F3): A whisper-light, dusty pink — the color of neon signs at night.
• Caramel (#AF7B45): A luminous, balanced gold — the color of afternoon light on wheat.
• Burnt Sienna (#853D28): A full-bodied, balanced orange — the color of autumn markets.
• Mulberry (#5C1D32): A deep, shadowed, balanced red — the color of embers at dusk.
• Deep Forest (#0B2B1A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged earthy, warm.

Use it as a design system

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

• Driftwood Alley color palette (#E0EFDF, #938A3D, #744C00, #5B240F, #002B24)
• Wandering Cocoa color palette (#F6E7DE, #B47551, #873B1B, #58180E, #1A0900)
• Antique Bronze Dune color palette (#F6DFED, #C59174, #AA5635, #77372C, #3A1B00)
• Dusty Taupe color palette (#FFF1F5, #B3A875, #8B6C48, #67455E, #28433C)
• Olive Quarry color palette (#DFEEE0, #6D6C00, #4B3300, #331000, #030F00)
• Pale Mulberry color palette (#E7E8FA, #BC6ACC, #9D095C, #631C00, #331D00)
• Hazy Canyon color palette (#E6EBF8, #7879E7, #714200, #372F8D, #1A050E)
• Patina Grape color palette (#D5DCFF, #732AD5, #425E00, #2B3F00, #151830)

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