Hushed Petrol color palette — #F0F6FB · #9EC5E6 · #7176BA · #2373AA · #292E3A

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

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Sky (#9EC5E6): A luminous, dusty blue — the color of open sky before noon.
• Slate (#7176BA): A full-bodied, balanced violet — the color of a velvet chair.
• Slate (#2373AA): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#292E3A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged duotone, muted, cool.

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

• Ancient Cerulean Lantern color palette (#EFF7F9, #8FCDCE, #3287AF, #007D7F, #22303A)
• Worn Courtyard color palette (#F3F5FC, #C0B9EA, #A163A1, #6F60A7, #2F2C37)
• Worn Aqua color palette (#EBF3F8, #6ED2F4, #9873A3, #2A7C96, #16141F)
• Iris Grove color palette (#F0F6FF, #B1BAEA, #857DC2, #5E4B86, #5E2D52)
• Lilac Quarry color palette (#EFF8F2, #92DEF6, #B688BF, #5797AA, #38292C)
• Ancient Indigo color palette (#FFF0FD, #9CA2DA, #8267AC, #7E464D, #41475A)
• Softworn Cerulean Lagoon color palette (#F1F6FB, #DAD9E1, #B8A8AC, #6A84A4, #4D535B)
• Charred Villa color palette (#E1EDFB, #0059AD, #2B0070, #001C3F, #01000F)

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