Hushed Petrol color palette — #D2E4E1 · #5CAFC3 · #00718D · #00494D · #001722

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

The five colors

• Silver (#D2E4E1): bright and airy, almost weightless.
• Cyan (#5CAFC3): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00718D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#00494D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001722): A deep, shadowed, dusty 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 Field color palette (#DDF1F1, #71A8D3, #0067B8, #00465E, #001135)
• Washed Petrol Quarry color palette (#EEF0E2, #7FC3D2, #00738E, #003D40, #000306)
• Dusty Denim color palette (#EEDEEA, #589BAA, #005072, #003129, #001232)
• Cobalt Summit color palette (#EDDED7, #65BFD2, #008DC5, #006F5E, #001232)
• Lagoon Studio color palette (#C4F2F3, #00858D, #005C69, #003947, #001923)
• Antique Parlor color palette (#DDF3FF, #0092C1, #005F83, #002738, #000205)
• Quiet Byzantium Dune color palette (#D4E6EB, #00859F, #922FB1, #004E5E, #1D0026)
• Ancient Lantern color palette (#EAF9F7, #B0DCF3, #5D9FBC, #007A85, #063F5B)

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