Patina Petrol Courtyard color palette — #D2E6E5 · #589DB6 · #3864AA · #531823 · #100300

Peacock and Espresso set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#D2E6E5): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#589DB6): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#3864AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#531823): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#100300): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Ancient Petrol color palette (#D6F4E4, #56A5A1, #00708D, #4F2444, #240005)
• Tempered Grape color palette (#C8E7FF, #7E90C2, #7748A0, #452400, #0A0700)
• Weathered Navy color palette (#DAF0FE, #6482A8, #4F4076, #3B1400, #000200)
• Turquoise Villa color palette (#D4EDDC, #00AAC6, #656DB0, #7A4E22, #2E1600)
• Patina Denim color palette (#D4F1FB, #4382A4, #224C81, #402248, #370816)
• Tempered Petrol Villa color palette (#DFEEE5, #007380, #29426D, #331800, #100900)
• Cerulean Courtyard color palette (#DDF4F9, #008EAE, #005880, #00213F, #00020F)
• Sapphire Harbor color palette (#E7F1E9, #83BFE6, #0067BF, #003C46, #000015)

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