Weathered Petrol color palette — #F2E6E0 · #6BC1DB · #1872A6 · #004C44 · #041336

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

The five colors

• Parchment (#F2E6E0): a clean, paper-quiet neutral.
• Cyan (#6BC1DB): A luminous, balanced blue — the color of open sky before noon.
• Slate (#1872A6): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C44): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#041336): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Petrol Terrace color palette (#F8EAF2, #91B8CC, #216CA8, #00523F, #232955)
• Cobalt Pier color palette (#FBEFE6, #96D1EF, #497EBB, #005B5B, #2F1629)
• Soft Denim Terrace color palette (#F0E6DC, #57A4DA, #2A52A7, #00393E, #0A0228)
• Softworn Drift color palette (#E6FAF7, #C5E1FF, #329FC7, #006872, #002133)
• Worn Cerulean color palette (#F4E1D8, #109CA6, #005168, #002D1F, #00050D)
• Ash Bloom color palette (#F8F0EB, #C3E9E8, #79A1C5, #5A7356, #40303D)
• Softworn Studio color palette (#F4E3D5, #0982B5, #00387C, #001F20, #01000B)
• Aqua Lagoon color palette (#DDECC4, #3FDCDF, #68A4D6, #41631F, #102006)

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