Weathered Petrol color palette — #EBF4F3 · #D4D9ED · #76A1C7 · #2D758D · #2A3746
Teal and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EBF4F3): a clean, paper-quiet neutral.
- Silver (#D4D9ED): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#76A1C7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#2D758D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#2A3746): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Washed Denim color palette (#E3EFEE, #66A5C7, #005E8E, #003744, #000B1B)
- Timeworn Iris color palette (#E4F6FA, #71C4BE, #9692DC, #00837D, #282F4B)
- Antique Petrol Garden color palette (#DCEDEA, #78C0CE, #007790, #004B4C, #001923)
- Powder Corridor color palette (#E2F6FC, #CED8E8, #B3C3EA, #608E97, #293D45)
- Wandering Ash Cabin color palette (#FBF4EE, #C7EBED, #809BC3, #57785C, #624A59)
- Hushed Cobalt color palette (#DEF7FE, #55ADAA, #668ECB, #6A8242, #132B31)
- Cerulean Lagoon color palette (#E7F5F2, #8CE0E4, #0094A3, #00635B, #002A33)
- Muted Grove color palette (#D9E8E7, #557CA3, #003680, #001D2D, #00000D)
Browse the whole catalog at Explore, or see today's palette.