Weathered Petrol color palette — #F5EBF2 · #8FB8CC · #0070A1 · #005146 · #0C2C5C

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

The five colors

• Blush (#F5EBF2): a clean, paper-quiet neutral.
• Ash (#8FB8CC): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#0070A1): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005146): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#0C2C5C): A deep, shadowed, balanced blue — the color of open sky before noon.

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

• Timeworn Cobalt Atelier color palette (#FAF3F6, #AFC9D9, #457DAF, #00605C, #2A3763)
• Ancient Petrol color palette (#E8EBDD, #86BECC, #007695, #004A4F, #001925)
• Soft Denim color palette (#E7DADF, #74A6C4, #1053AB, #003D40, #190E55)
• Softworn Azure Field color palette (#F9EBE4, #82E4FB, #25B0F3, #00937F, #182E4E)
• Abyss Study color palette (#F3E8F0, #549D9F, #005265, #00321F, #001626)
• Softworn Cypress color palette (#F9F3F7, #D6DFF1, #749EC1, #008076, #43536D)
• Timeworn Azure Courtyard color palette (#D0F9F8, #9CD9D5, #529FDB, #4E5F00, #033D44)
• Muted Alley color palette (#EBDEE4, #5188A4, #003B75, #002223, #05002C)

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