Patina Courtyard color palette — #FCE581 · #FFC6D0 · #A8CDFF · #5A4C5A · #393239

Built around Butter, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Butter (#FCE581): A whisper-light, balanced green — the color of fresh herbs.
• Shell Pink (#FFC6D0): A whisper-light, dusty red — the color of embers at dusk.
• Sky (#A8CDFF): A whisper-light, balanced blue — the color of deep harbor water.
• Charcoal Brown (#5A4C5A): A full-bodied, dusty pink — the color of a candy shop window.
• Espresso (#393239): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged neon, dark, vibrant, 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

• Antique Field color palette (#95FFC0, #FFCAB2, #C7C2FF, #594650, #372E33)
• Celadon Station color palette (#DEEF99, #FFD1BB, #85E4FF, #5A6E78, #2B3439)
• Muted Terrace color palette (#FFDEBB, #FDBFFE, #73DAFF, #405249, #2A322D)
• Patina Lichen Lantern color palette (#E8FFC1, #E4EFFF, #D8D0C7, #334152, #20272E)
• Worn Summit color palette (#FAF2F9, #E3CFA4, #90728D, #5A4558, #322831)
• Patina Ash Cabin color palette (#FBF2F6, #E2D7D5, #B7B0A5, #B68E9F, #5A4F54)
• Patina Powder Thicket color palette (#D9ECDA, #FFA78E, #A3ACFF, #353965, #281924)
• Garnet Archive color palette (#FFF0F8, #D5BFE7, #BB93B8, #945B79, #6F2F3E)

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