Hushed Petrol color palette — #F0F7F1 · #DBD5DF · #87A5E3 · #007A9A · #212D4C

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

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Silver (#DBD5DF): bright and airy, almost weightless.
• Cornflower (#87A5E3): A luminous, balanced violet — the color of a velvet chair.
• Teal (#007A9A): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#212D4C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Muted Cypress Basin color palette (#EFF8F1, #D5D6E6, #65B3C7, #00816C, #0B3248)
• Powdered Azure color palette (#EDF9EF, #D5DFF3, #2A9FFC, #00707D, #021B5F)
• Dusty Studio color palette (#E3F3E6, #84C1D6, #006F9F, #003E3F, #000309)
• Antique Cerulean Workshop color palette (#FDF2F5, #C9E3FF, #A5ACEA, #009EA9, #452F58)
• Misty Cobalt Lagoon color palette (#E7F9FF, #75D2FF, #318EDD, #3860A7, #1D2551)
• Cobalt Orchard color palette (#EEF6FF, #90C3FF, #D09B48, #3778C0, #382300)
• Weathered Indigo color palette (#F6F1EC, #A6CCEF, #6571D1, #005B5E, #271837)
• Emerald Basin color palette (#EFF6FF, #72A6FA, #D97375, #4D913E, #0B1B32)

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