Hushed Petrol color palette — #EEF3EF · #D7DAEB · #849DC7 · #167690 · #2B364D
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Cream (#EEF3EF): a clean, paper-quiet neutral.
- Silver (#D7DAEB): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#849DC7): A luminous, dusty violet — the color of wild irises.
- Teal (#167690): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#2B364D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Hushed 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
- Wandering Petrol color palette (#E4EBE5, #8DBBD3, #0474A0, #004B4B, #00172D)
- Muted Lantern color palette (#F9F4EE, #CBE6E9, #8596D2, #3C7A7A, #624B54)
- Quiet Denim Grove color palette (#DFEAE1, #77A2C1, #0655AA, #003843, #040032)
- Aged Cypress Veranda color palette (#EEF3EF, #C2E3EB, #459CA7, #006F52, #00323F)
- Antique Lagoon Summit color palette (#E7F0E9, #448586, #00444E, #002018, #000203)
- Muted Rust Orchard color palette (#E2F7F3, #87A77A, #6B8FC1, #AA5F63, #112D29)
- Muted Coast color palette (#FBF3F5, #D9D4DE, #BDC8FD, #38A3A8, #494B64)
- Hushed Quarry color palette (#E6F6F2, #A5BC8F, #B38AC4, #597F27, #3D2746)
Browse the whole catalog at Explore, or see today's palette.