Hushed Petrol color palette — #F4F6EE · #B8DFCD · #5D9DC7 · #00798F · #0F3D62
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F6EE): a clean, paper-quiet neutral.
- Celadon Mist (#B8DFCD): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#5D9DC7): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00798F): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#0F3D62): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
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
- Petrol Balcony color palette (#E0E1D5, #5CB1B9, #007384, #004A47, #00171E)
- Worn Cerulean color palette (#EFF0E3, #ACCFAE, #0098A5, #006D63, #00343E)
- Ancient Cobalt color palette (#FBF3EE, #A5D0BD, #397BC1, #00605F, #30375C)
- Cerulean Archive color palette (#F4F6EF, #CAE4E4, #8AB8D3, #4693A2, #335148)
- Quiet Cobalt Villa color palette (#E5EADC, #8CB7D9, #0076D1, #005571, #001B4C)
- Linen Indigo color palette (#FFDBD7, #C97997, #C67100, #7961CF, #451B2C)
- Chestnut Villa color palette (#F8E4D0, #C5A988, #A2764C, #85491D, #402C03)
- Muted Raspberry Drift color palette (#FFF2EF, #EFD8BC, #FBA993, #BE6089, #58362D)
Browse the whole catalog at Explore, or see today's palette.