Patina Courtyard color palette — #FCF3ED · #A8D0B9 · #007FC1 · #006158 · #293A5B

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

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Pistachio (#A8D0B9): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#007FC1): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006158): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#293A5B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Petrol Station color palette (#FFF2EC, #6EC8D2, #00799C, #005842, #00345D)
• Washed Cornflower Loft color palette (#FDF3EB, #9FD6F9, #2D7BEA, #00666A, #37396E)
• Patina Cobalt Canyon color palette (#F9F4EF, #C4E5DA, #6D89C4, #006F7A, #5C3C4F)
• Faded Sapphire color palette (#F6EDE2, #90B5D9, #445EC2, #004E59, #2F2453)
• Weathered Quarry color palette (#F4F7EA, #9DE0F7, #3EA1CB, #1B7985, #194337)
• Hushed Field color palette (#EFF8F0, #C6E5F7, #74BBE6, #009FA1, #1D3C5C)
• Washed Loft color palette (#F2E5DC, #5189A1, #003E6D, #002221, #03022A)
• Frosted Indigo Harbor color palette (#FAD9EF, #656FCC, #846900, #1A6C2B, #392333)

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