Hushed Petrol color palette — #F8E9F2 · #77C2E0 · #006BAF · #003E3B · #010015

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

The five colors

• Blush (#F8E9F2): A whisper-light, dusty pink — the color of a candy shop window.
• Sky (#77C2E0): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006BAF): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003E3B): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. 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

• Timeworn Cobalt color palette (#FFF1F6, #B0D0EC, #4C76CE, #005057, #0D0031)
• Washed Denim color palette (#E7DBE3, #7AABB9, #005F72, #002D1B, #000103)
• Worn Cerulean Archive color palette (#E4E7D8, #69BDDC, #008EC1, #006B79, #001626)
• Powdered Cerulean Garden color palette (#F3E4DB, #069EC5, #004D7E, #00302D, #040B3D)
• Misty Studio color palette (#D8F0E5, #8E931F, #4A2AE0, #3D3F00, #01000A)
• Tempered Periwinkle Delta color palette (#FBF2F7, #D7D4DF, #76AAE4, #007F7E, #242B51)
• Quiet Ultramarine Alley color palette (#E0E8D5, #557300, #3435DA, #63008A, #010100)
• Washed Moss color palette (#D7EFE3, #739246, #545000, #2E1E00, #000200)

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