Patina Courtyard color palette — #F0F8F1 · #DBD5DF · #87A5E4 · #007A9A · #282A4F

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

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Silver (#DBD5DF): bright and airy, almost weightless.
• Cornflower (#87A5E4): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#007A9A): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#282A4F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Turquoise Bloom color palette (#EFF8F0, #D5D7E6, #4AB6CF, #00816C, #003347)
• Pale Azure color palette (#EAFAED, #D6E0F4, #2A9FFC, #00707D, #011B61)
• Powder Quarry color palette (#F1F7F0, #C8E4FF, #9CAAFF, #009FA5, #363755)
• Wandering Atelier color palette (#E5F2E8, #91BED7, #006F9F, #003E3F, #000309)
• Dusty Cobalt color palette (#FBF4EA, #9DCAF6, #5476BD, #005C75, #4D2F44)
• Patina Cobalt color palette (#F8F0E8, #A1D4C6, #6B76B8, #005B5F, #341422)
• Patina Cerulean color palette (#ECF9EE, #8FDBDF, #0089A0, #005344, #000F17)
• Sunlit Periwinkle color palette (#EAFBE9, #E7B573, #6EA6FD, #A06900, #012459)

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