Patina Courtyard color palette — #FAF4EB · #D0E9FF · #4A8EFF · #00667D · #161B3B

Azure and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Frost (#D0E9FF): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#4A8EFF): A luminous, vivid blue — the color of deep harbor water.
• Peacock (#00667D): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#161B3B): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Azure Boulevard color palette (#FBF4EA, #C6F2D7, #009FD5, #006A68, #00203A)
• Tempered Periwinkle Hollow color palette (#F9ECE0, #ACD9FF, #8C9FEC, #009092, #35234D)
• Cobalt Orchard color palette (#F5E4E9, #93B8D8, #4666B6, #004A52, #160A39)
• Turquoise Market color palette (#F6EDDE, #5BB2B8, #005F71, #002C24, #000103)
• Sky Parlor color palette (#FDF4E7, #D6DAEB, #02BFF6, #008881, #063858)
• Cerulean Basin color palette (#FDF4E6, #83DCE8, #0087A7, #005249, #000E19)
• Muted Petrol Basin color palette (#F4EDE1, #7BC1E2, #006CAA, #003D42, #00020C)
• Soft Studio color palette (#FFF1F4, #C35DE8, #AD7500, #007A7C, #1E020B)

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