Weathered Petrol color palette — #EDF6FF · #93C3EA · #2F78AB · #004570 · #002F4C

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

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Sky (#93C3EA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#2F78AB): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004570): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#002F4C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, muted, cool.

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

• Sky Atelier color palette (#D8FFF3, #C0E1FF, #69B6F3, #4A80AF, #08324E)
• Linen Azure color palette (#FDF0FF, #91D0FD, #3498E3, #1C5F8F, #0E344F)
• Linen Navy Delta color palette (#F0F5FF, #A8AEE1, #636BAF, #3B3B8A, #25285A)
• Washed Terrace color palette (#E6F9FF, #83CBCE, #008489, #004C4F, #003437)
• Cerulean Harbor color palette (#EDF6FF, #D8D8E4, #D1BAE8, #3980A1, #3D4D5F)
• Velvet Cobalt Field color palette (#DCE8F7, #2C77CB, #00326E, #000E27, #00020A)
• Navy Lagoon color palette (#F0F5FF, #D69DA5, #454D7C, #232857, #1B2130)
• Worn Fern color palette (#EAF8FF, #368EA2, #7C7329, #375F1C, #1B3744)

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