Patina Petrol Courtyard color palette — #ECF9F1 · #6FBDD2 · #C0897A · #137F96 · #534B47

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

The five colors

• Ivory (#ECF9F1): a clean, paper-quiet neutral.
• Cyan (#6FBDD2): A luminous, balanced blue — the color of open sky before noon.
• Caramel (#C0897A): A luminous, dusty orange — the color of sun-warmed clay.
• Cerulean (#137F96): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#534B47): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

One click turns Patina Petrol 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

• Wandering Petrol Drift color palette (#E9F5EE, #85BDD0, #D18675, #007E9A, #362F2C)
• Weathered Cobalt Quarry color palette (#FFF0FD, #96AFE5, #B09561, #5771AB, #514C46)
• Weathered Basin color palette (#F2F7EC, #84BEA8, #C282A1, #218568, #654241)
• Weathered Cerulean color palette (#EAF8FE, #8FD1DD, #DEA186, #009EB2, #614255)
• Wandering Turquoise Dune color palette (#E6FBF0, #52A4C1, #AA7894, #7E793C, #34483E)
• Tempered Cerulean color palette (#DCFFF0, #9FCFEA, #508FAD, #165A75, #14402F)
• Ancient Terrace color palette (#DEFEF2, #29AEF5, #A05E00, #006391, #563000)
• Dusty Petal Lantern color palette (#E6FBEF, #BFE8EE, #F0CEE4, #718C75, #3E574D)

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