Petrol Courtyard color palette — #CAE8E9 · #57A3BB · #44639A · #51252A · #140400

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

The five colors

• Frost (#CAE8E9): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#57A3BB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#44639A): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#51252A): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#140400): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

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

• Antique Boulevard color palette (#D6E4EF, #7C88C3, #6C5684, #412300, #080700)
• Washed Teal Summit color palette (#DDF2DD, #3AAD98, #066E7A, #452243, #22000B)
• Ancient Cobalt color palette (#D7E3C6, #639F93, #347BAD, #645600, #251F00)
• Timeworn Navy Alley color palette (#D5F3F3, #0080A2, #13458C, #51111B, #371500)
• Dusty Petrol color palette (#F5EDE1, #89BEE2, #2267B4, #003C47, #010015)
• Wandering Cerulean color palette (#C1E9F2, #0094B6, #005476, #002547, #00021A)
• Aged Basalt Coast color palette (#E9EFFF, #B0A2CC, #89627B, #4E4100, #0F1500)
• Dusty Cabin color palette (#DCEEE8, #0085CC, #8F5A00, #003F65, #020100)

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