Petrol Meadow color palette — #EEF8F5 · #CDE1F4 · #72A1B2 · #427881 · #405660

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

The five colors

• Ivory (#EEF8F5): bright and airy, almost weightless.
• Powder Blue (#CDE1F4): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#72A1B2): A luminous, dusty blue — the color of deep harbor water.
• Slate (#427881): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#405660): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: 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

• Ash Courtyard color palette (#EDF4EE, #CBE0F6, #67A8B4, #437766, #1C3A4B)
• Tempered Grove color palette (#E3FBF9, #BADCEE, #A1C3DF, #6E918C, #3B5252)
• Mint Coast color palette (#E9F9F7, #89C181, #5EA0CD, #577F51, #345067)
• Softworn Teal Delta color palette (#E1F0EC, #21B5B1, #006468, #003F35, #00242A)
• Patina Petrol color palette (#E2F2F1, #6ABDE3, #0070A2, #004D5C, #0B304D)
• Aged Alley color palette (#EAF9F7, #84DDF6, #008CB4, #00656D, #004563)
• Cerulean Studio color palette (#D8F1EC, #0091A0, #004451, #002222, #000B11)
• Ancient Corridor color palette (#EDF9EC, #CEB48A, #6F886C, #715460, #3C4D40)

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