Weathered Petrol color palette — #F8ECE4 · #7BBCD0 · #286CA5 · #005140 · #23265C

Slate and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8ECE4): bright and airy, almost weightless.
• Cyan (#7BBCD0): A luminous, dusty blue — the color of deep harbor water.
• Slate (#286CA5): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005140): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#23265C): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Wandering Delta color palette (#E3ECE5, #92BACF, #0074A2, #004B4B, #00162E)
• Tempered Lagoon color palette (#FDF3EB, #A3D1BC, #5279B1, #006156, #38355B)
• Ancient Denim color palette (#F4E7DB, #79AB9B, #3D509C, #003E3D, #270E47)
• Hushed Cerulean color palette (#F1E1DA, #32A0A9, #00516E, #003219, #001135)
• Pale Iris color palette (#EBF5DA, #91D1D2, #7C94DC, #536000, #003B33)
• Antique Periwinkle Lantern color palette (#F6EBF2, #ADDAF4, #53A9FC, #009479, #272A4C)
• Washed Parlor color palette (#FEF2EF, #CDE4CC, #4E95AD, #3C7042, #553E59)
• Linen Ridge color palette (#9EF3E6, #00A987, #006452, #00322C, #001C18)

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