Patina Courtyard color palette — #FFF2EB · #D6D7E6 · #57B6FF · #00897F · #22335C

A conversation between Cornflower and Fern, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Silver (#D6D7E6): A whisper-light, dusty violet — the color of a velvet chair.
• Cornflower (#57B6FF): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00897F): A full-bodied, balanced teal — the color of sea glass.
• Navy (#22335C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Powder Quarry color palette (#FCF3EF, #BDE7F1, #7CC6E6, #50917A, #25415E)
• Aged Hollow color palette (#FAF4ED, #C4E3F7, #8DA5DE, #007D8B, #432135)
• Quiet Azure color palette (#FFF2E9, #D8E5F9, #3F9EF6, #007270, #131661)
• Tempered Petrol Alley color palette (#FEE9DE, #6AC5DE, #006EA2, #003F37, #00020F)
• Cobalt Parlor color palette (#FFF0F8, #98D9F0, #0086CF, #00675F, #2A3E6B)
• Tempered Ash color palette (#FAF4EE, #C6DDEB, #C3BCEA, #609EA3, #5D4553)
• Teal Field color palette (#F0E1DA, #56B4AF, #005F6E, #002D15, #000103)
• Dusty Pier color palette (#FEF3ED, #88DDDC, #0088A2, #005434, #000E1A)

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