Patina Courtyard color palette — #FAF3F5 · #D9D4DE · #C3BDE5 · #509FAE · #454B67

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

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Silver (#D9D4DE): a clean, paper-quiet neutral.
• Lavender (#C3BDE5): A luminous, dusty violet — the color of wild irises.
• Cerulean (#509FAE): A luminous, balanced blue — the color of open sky before noon.
• Charcoal Brown (#454B67): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. 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

• Sky Station color palette (#EFF6FF, #DCD8E3, #77BED6, #B7AEA6, #485162)
• Timeworn Cobalt Workshop color palette (#E7F9FF, #C9DDFF, #7ABFF1, #5F82C5, #414D6E)
• Aged Ash color palette (#E9F4F4, #D6D8EC, #809ECA, #506F87, #2B374A)
• Emerald Basin color palette (#F9F3F7, #D3D5E5, #69CAE3, #219964, #23425A)
• Azure Thicket color palette (#EEF6FF, #D5D9F6, #EAC687, #5F9FDA, #2E4F34)
• Tempered Denim color palette (#E6DBE3, #6DAFB2, #005E75, #002D1D, #000103)
• Ash Boulevard color palette (#FAF4ED, #C1F0F7, #8998BF, #567861, #624A57)
• Linen Cobalt Canyon color palette (#FCF2F6, #A8D1F4, #5175CD, #005059, #0E0030)

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