Hushed Petrol color palette — #F4F6EF · #BBE7DB · #638CC4 · #136A91 · #573E54

Peacock and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Mint (#BBE7DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#638CC4): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#136A91): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#573E54): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Cerulean Quarry color palette (#F5F6EF, #C1E7D1, #0C97C5, #006F7A, #2C5044)
• Aged Loft color palette (#F8F0E7, #BAE8DB, #798CC0, #1A6976, #3E2131)
• Powdered Cobalt color palette (#F3F7ED, #A1D5FF, #2882D7, #006282, #294065)
• Washed Periwinkle Studio color palette (#F0F8EF, #D8DDFB, #8DA3DF, #348795, #3F4663)
• Turquoise Ridge color palette (#ECEFDF, #55ACC3, #00617B, #003D42, #002333)
• Softworn Navy color palette (#E5E9DC, #5487A4, #004064, #00212A, #000919)
• Weathered Teal Market color palette (#FBF4EC, #C3E9EE, #AEBAEF, #57A7A9, #5F3B4A)
• Feathered Cornflower color palette (#FFF2F0, #D1869D, #5985E5, #9D4163, #533750)

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