Patina Courtyard color palette — #FBF5E4 · #ECB2DC · #DB8E7B · #0090B3 · #533430

Cerulean and Camel set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FBF5E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Carnation (#ECB2DC): A whisper-light, balanced pink — the color of a candy shop window.
• Camel (#DB8E7B): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#0090B3): A luminous, balanced blue — the color of deep harbor water.
• Cocoa (#533430): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Creativity, Warmth, Comfort, Balance. Tagged retro, muted, warm.

Use it as a design system

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

• Lagoon Veranda color palette (#FCF5DE, #CEBDF3, #D68AA5, #00968A, #52323A)
• Muted Cocoa Veranda color palette (#FCF4E6, #FABEC2, #CDA776, #6B8FB9, #6F350F)
• Frosted Cobalt color palette (#FFF1F2, #E8A4D9, #A5A45B, #2285BE, #1B3762)
• Aged Lantern color palette (#FFF1F3, #F2CEC6, #D0B49A, #749788, #614559)
• Indigo Studio color palette (#FFF3E3, #FFA68E, #C3A319, #5D5FDC, #522903)
• Blush Canyon color palette (#F7E4AD, #FF82AD, #DB7916, #0068A9, #53000D)
• Amber Balcony color palette (#FFF3E7, #FFB5B7, #D67250, #65672C, #37302D)
• Softworn Study color palette (#FBF3EE, #C5E8E9, #9CC0EF, #00ADB0, #5C3C52)

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