Worn Petrol Meadow color palette — #F4F6F0 · #CCE1E4 · #7F9BC3 · #397698 · #614A5E

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

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Silver (#CCE1E4): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#7F9BC3): A luminous, dusty blue — the color of deep harbor water.
• Slate (#397698): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#614A5E): A full-bodied, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Hushed Petrol Bloom color palette (#F5F6EF, #C7E5E3, #69A2BC, #007D89, #305247)
• Dusty Petrol color palette (#EEF0E5, #86BACD, #007298, #004E57, #00324B)
• Hushed Market color palette (#F6F7E0, #82A46C, #339A9F, #9F6925, #43433C)
• Cerulean Delta color palette (#F0F1E6, #469EA8, #005361, #00302E, #00171F)
• Patina Fern Station color palette (#F4F7E9, #B9E2DC, #83A8B7, #728F5E, #475203)
• Olive Terrace color palette (#F7F6E7, #A5B88B, #CB8377, #627E2D, #534B48)
• Cocoa Corridor color palette (#FEF3EA, #C9B49E, #9B785B, #7C5239, #624000)
• Hushed Petrol color palette (#F4F6EF, #C9E3E4, #799EBD, #1F7A95, #604962)

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