Weathered Petrol color palette — #E6F2E8 · #8BB8D3 · #256BA9 · #004E58 · #1B2C52
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#E6F2E8): a clean, paper-quiet neutral.
- Ash (#8BB8D3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#256BA9): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004E58): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#1B2C52): A deep, shadowed, dusty violet — the color of wild irises.
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
- Aged Petrol color palette (#E5F3E8, #8DBAC5, #007682, #00523C, #003442)
- Cobalt Study color palette (#EEF8F0, #AAC9E6, #5178B8, #005D71, #31375B)
- Aged Cobalt Basin color palette (#F3E4EB, #9AB7CF, #4366B8, #004C47, #190938)
- Dusty Summit color palette (#F5EDE2, #ADDAF5, #4CAAFF, #008E9F, #1B2C51)
- Washed Cerulean Atelier color palette (#E0F3E4, #3A9DB7, #00506F, #00302F, #001529)
- Weathered Petrol color palette (#F1F7F2, #D9DDEE, #7D9BC2, #347989, #46536B)
- Quiet Parlor color palette (#E7D8EE, #BC587E, #007C68, #870048, #003128)
- Patina Villa color palette (#FBECFF, #FAAEA0, #CD956C, #79436B, #412A43)
Browse the whole catalog at Explore, or see today's palette.