Muted Petrol color palette — #FBF2F8 · #D7D5E9 · #7A9EBA · #427880 · #475465
Built around Teal, softened by Blue Fog — the whole palette hums with sophistication.
The five colors
- Ivory (#FBF2F8): a clean, paper-quiet neutral.
- Silver (#D7D5E9): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#7A9EBA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#427880): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal Brown (#475465): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Muted 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
- Tempered Studio color palette (#F6EFF4, #D5D2E9, #83A0BB, #3F7863, #2B364C)
- Antique Quarry color palette (#F7F2FF, #EAD6DD, #DDB99F, #8080A2, #584F5F)
- Timeworn Drift color palette (#F2E1EE, #48AFC0, #005F82, #003F33, #001F42)
- Softworn Lagoon color palette (#FBF3EF, #CCE9E5, #8EBDAF, #5B947E, #624A5C)
- Worn Teal color palette (#F8F5EF, #C3DFE8, #96D0ED, #55B4AE, #2E5349)
- Tempered Peony Lantern color palette (#F8F2FF, #D074AF, #529B70, #3C8573, #473E51)
- Worn Petrol Delta color palette (#FBE9EE, #7EB7EC, #4C62AF, #004E59, #2E274B)
- Patina Cerulean color palette (#EAD9E1, #2A8CAD, #003F69, #002220, #02022A)
Browse the whole catalog at Explore, or see today's palette.