Hushed Petrol color palette — #F1F7F2 · #DBDDED · #8499C3 · #38788E · #48526C
Slate and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#DBDDED): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#8499C3): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#38788E): A full-bodied, dusty blue — the color of deep harbor water.
- Peacock (#48526C): A full-bodied, 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
- Hushed Cypress color palette (#F7EFF2, #D9DBEE, #9399C3, #007A81, #33334D)
- Softworn Studio color palette (#EFF8F0, #BBE4F0, #4997A5, #2C705B, #2D4C5E)
- Hushed Petrol Dune color palette (#E7F2E9, #83BBCF, #0070A0, #004F51, #032E57)
- Hushed Lagoon Boulevard color palette (#F9F4EF, #CCE7EB, #CAA4BD, #3F959B, #654953)
- Weathered Bronze Loft color palette (#EDF9EC, #D1A872, #799CC3, #966825, #364F6B)
- Worn Parlor color palette (#F8F5EF, #C8DCEB, #ACC7FB, #69ADC6, #5F4C58)
- Cerulean Drift color palette (#D5E5D8, #529CA6, #005266, #00302A, #001623)
- Worn Driftwood color palette (#EBFAEC, #C2E7E5, #9FD0D9, #AC8396, #415346)
Browse the whole catalog at Explore, or see today's palette.