Hushed Petrol color palette — #DDEDEB · #91BACE · #007696 · #004A4F · #001925
A conversation between Teal and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#DDEDEB): a clean, paper-quiet neutral.
- Ash (#91BACE): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007696): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004A4F): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001925): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Cerulean Coast color palette (#ECF4F3, #A8CDE4, #3A84AC, #005967, #00233A)
- Denim Orchard color palette (#D4E3E2, #7FA1BC, #005C95, #003747, #000A1E)
- Worn Abyss color palette (#D4E2E1, #45809F, #003F62, #001E26, #000104)
- Pine Canyon color palette (#CEF3F5, #7ED3C8, #58B5BB, #007748, #00201B)
- Weathered Bloom color palette (#CCF0E5, #36A88C, #006D56, #002D22, #000503)
- Aged Cypress Garden color palette (#D2F6E6, #007E5D, #00678D, #574D00, #000F08)
- Faded Sapphire color palette (#DCF2F3, #009671, #3062D2, #00543E, #000641)
- Dusty Boulevard color palette (#D3ECCE, #3A9348, #006632, #004027, #001A11)
Browse the whole catalog at Explore, or see today's palette.