Weathered Petrol color palette — #EFF6FA · #D7DAE0 · #BCBED1 · #008392 · #3F4A4E

Built around Cerulean, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF6FA): a clean, paper-quiet neutral.
• Silver (#D7DAE0): bright and airy, almost weightless.
• Ash (#BCBED1): A luminous, dusty violet — the color of twilight just after sunset.
• Cerulean (#008392): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3F4A4E): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Worn Lagoon Balcony color palette (#ECF3F6, #D5D8E2, #BFBACB, #25848A, #252E31)
• Wandering Lantern color palette (#F1F7F2, #D0E0E1, #DDC3C7, #599C9F, #434A44)
• Sapphire Chapel color palette (#F2F5FB, #DDD7E8, #B8BAD2, #3F66BA, #344053)
• Cypress Lantern color palette (#EAF9F4, #91B9B3, #448261, #1E6663, #244A45)
• Abyss Pier color palette (#DAE1E5, #9FABB5, #6F8199, #003E4D, #031620)
• Worn Forest Studio color palette (#EBF7FF, #9BAFC7, #777E9B, #785368, #37583E)
• Muted Garnet Workshop color palette (#E9FBEC, #5CA3B5, #456B9E, #7E322D, #1F4157)
• Nightshade Archive color palette (#EAEFF7, #C9CBD8, #9F9DB5, #4149A0, #262E3E)

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