Petrol Courtyard color palette — #F6F1EA · #C1E9EE · #849EC4 · #3A7484 · #422F3D

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F6F1EA): bright and airy, almost weightless.
• Frost (#C1E9EE): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#849EC4): A luminous, dusty blue — the color of deep harbor water.
• Teal (#3A7484): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Espresso (#422F3D): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Turquoise Grove color palette (#F6F1EA, #C1EAE4, #68A6BF, #5C7256, #203D34)
• Patina Petrol color palette (#FBF2F5, #DADEEE, #869AB9, #477687, #4B5268)
• Denim Alley color palette (#F1E8D9, #68A4CA, #0C58A0, #003841, #02032C)
• Petrol Coast color palette (#F0E8DB, #5EC3DC, #00759D, #004B49, #00172B)
• Dusty Chapel color palette (#FFEDE8, #D87E87, #769A5F, #5B7BA1, #33231E)
• Cerulean Station color palette (#F9F1E4, #7AE2EE, #0091B0, #006357, #00293C)
• Dusty Lagoon Hollow color palette (#EDE6DB, #108A89, #00444C, #002016, #000202)
• Aged Cocoa Canyon color palette (#FFEDE9, #DFD7C8, #A9A8B2, #A88582, #602507)

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