Hushed Petrol color palette — #DEE0D3 · #5DAFC4 · #007190 · #00494F · #001623

Teal and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#DEE0D3): bright and airy, almost weightless.
• Cyan (#5DAFC4): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007190): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#00494F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001623): 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

• Ultramarine Delta color palette (#DFE3D6, #7EA6CA, #1966B8, #004661, #000C3E)
• Softworn Cypress color palette (#ECECDD, #57A19C, #006568, #003D32, #000C0E)
• Petrol Delta color palette (#DEF3F0, #6BC5DD, #007291, #003D42, #000306)
• Linen Cobalt Chapel color palette (#EFE4EB, #78BCCE, #008CCB, #006E61, #001037)
• Weathered Quarry color palette (#F4F6ED, #BCDDCC, #45A0CC, #007A89, #0C3F5D)
• Raspberry Hollow color palette (#F5E1E3, #B444A0, #006DA1, #770068, #00111E)
• Hushed Powder color palette (#F4F6EF, #C8E5E8, #90B5DA, #5B8EA3, #5D4C5E)
• Cocoa Summit color palette (#FEE1CB, #AB6D37, #823C00, #561A00, #140800)

Browse the whole catalog at Explore, or see today's palette.