Patina Courtyard color palette — #FFF2EF · #FF649D · #008653 · #00569B · #00315C

Bubblegum and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bubblegum (#FF649D): A luminous, vivid red — the color of late-summer berries.
• Fern (#008653): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#00569B): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#00315C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged cool.

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

• Peony Drift color palette (#FFF2EF, #FF4F91, #008C74, #00606E, #003740)
• Timeworn Ember Terrace color palette (#FFEEE4, #F2601E, #007F98, #235184, #0B2C4E)
• Timeworn Fuchsia color palette (#F8F2FF, #EE84CB, #828400, #005683, #3D0038)
• Magenta Basin color palette (#FFF1F4, #E75CFE, #458200, #006261, #003938)
• Taupe Grove color palette (#FFE4F4, #EBAA8A, #999F54, #63709D, #394572)
• Pale Rust color palette (#F0DDD0, #B85200, #005A7C, #162877, #0D033C)
• Nightshade Drift color palette (#FFF3E5, #D99318, #2A6ECA, #3748AD, #391F5D)
• Soft Azure Orchard color palette (#FFF2ED, #90EDF0, #00ABDA, #32854A, #1D406B)

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