Petrol Meadow color palette — #F0F3EC · #C7DFE3 · #839EC3 · #45718A · #422E40

Slate takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F0F3EC): bright and airy, almost weightless.
• Silver (#C7DFE3): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#839EC3): A luminous, dusty blue — the color of deep harbor water.
• Slate (#45718A): A full-bodied, dusty blue — the color of open sky before noon.
• Espresso (#422E40): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Patina Workshop color palette (#F2F2EB, #C8DFD9, #68A8B1, #377870, #213D2D)
• Timeworn Boulevard color palette (#FCECFA, #809CCF, #A87DA5, #458485, #31212F)
• Aged Quarry color palette (#CDFAE6, #8AC5EC, #5A91BD, #345B84, #442C44)
• Petrol Station color palette (#FAF3F5, #DADDEE, #8698C7, #007D8D, #4A516D)
• Timeworn Petrol color palette (#F9EEF8, #97B5E2, #C5879F, #4E72AA, #492523)
• Antique Denim color palette (#E3E8DB, #7AA1C1, #0058A2, #00364A, #000824)
• Petrol Veranda color palette (#E8EAE1, #83BDD1, #00759B, #004A52, #001827)
• Worn Driftwood Corridor color palette (#FBEDF8, #E9D1D4, #B5AB98, #9B849E, #43353F)

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