Weathered Petrol color palette — #F6EBF0 · #86BAD1 · #3168B1 · #005147 · #2B2750

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

The five colors

• Blush (#F6EBF0): bright and airy, almost weightless.
• Ash (#86BAD1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#3168B1): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#2B2750): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Forest Chapel color palette (#F3ECF3, #7DBFBF, #007391, #00541E, #012E59)
• Washed Canyon color palette (#FDF2F6, #ABC9E2, #6376AA, #00605E, #3F325B)
• Petrol Cabin color palette (#EDE8E1, #92BFAB, #2270A9, #004A51, #00123A)
• Forest Delta color palette (#FAF2FA, #9FDBDB, #008CB2, #006C2C, #114073)
• Onyx Terrace color palette (#EBDEE7, #5C9AA7, #004E78, #003121, #060643)
• Misty Rust color palette (#F0D6E3, #C55C00, #0072A5, #743400, #002C44)
• Hushed Balcony color palette (#FBF2F6, #D9DEEF, #8599BF, #3F7B75, #4B516A)
• Periwinkle Studio color palette (#F9ECE2, #B2DFCA, #65A5FF, #009382, #2B284D)

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