Hushed Petrol color palette — #F4F6ED · #BCE2F2 · #6CAFD5 · #007C8F · #0C314A

Built around Teal, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Ivory (#F4F6ED): bright and airy, almost weightless.
• Powder Blue (#BCE2F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#6CAFD5): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007C8F): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#0C314A): 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

• Cypress Workshop color palette (#F6F6ED, #B8E3E9, #64B5BB, #008170, #123720)
• Petrol Veranda color palette (#EEEFE3, #6EC7CC, #007581, #003E39, #000305)
• Muted Denim color palette (#E2E6DA, #71AAC9, #005A89, #002A34, #000104)
• Softworn Lagoon Workshop color palette (#FDF3EC, #C3EBD7, #78B7F4, #00A09B, #2B3763)
• Washed Aqua color palette (#E1FBFF, #32D0F2, #0096BA, #006585, #00314B)
• Wandering Cobalt color palette (#F9EEF4, #A4CEE8, #1E80CB, #005C57, #122039)
• Sky Harbor color palette (#DAFFF0, #44B2EB, #A383D4, #009472, #002218)
• Aged Canyon color palette (#DEFEED, #4ED0FC, #90B466, #0083A5, #1C2E00)

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