Weathered Petrol color palette — #FAF3F5 · #DBDDED · #8998C2 · #007C8E · #4A506E
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FAF3F5): bright and airy, almost weightless.
- Silver (#DBDDED): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#8998C2): A luminous, dusty violet — the color of a velvet chair.
- Teal (#007C8E): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal Brown (#4A506E): A full-bodied, dusty violet — the color of a velvet chair.
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
- Ancient Ash color palette (#F0F3EC, #C2E5EA, #7D9ECC, #40718D, #40303E)
- Wandering Powder Workshop color palette (#EFF7F7, #D9DBEA, #91B3E3, #568EAD, #475365)
- Pine Lantern color palette (#FBF2F8, #C2E3EC, #4E96A8, #00754A, #2D4B63)
- Ancient Cerulean color palette (#FFF0FC, #C28680, #4B998E, #108597, #4E3B4B)
- Weathered Petrol Workshop color palette (#F6EBF2, #8CB8D1, #226EA2, #00504A, #1B2B54)
- Denim Delta color palette (#ECE0E9, #589CA3, #00516A, #003124, #00152A)
- Muted Driftwood Basin color palette (#FBF1FD, #E8D7D7, #AEDDD7, #A97E98, #5F4E59)
- Muted Plum color palette (#FCF1FE, #DA9CA7, #3EAAB2, #AC5165, #235464)
Browse the whole catalog at Explore, or see today's palette.