Hushed Petrol color palette — #E5F2E7 · #70C2EB · #006BB0 · #003D44 · #000110

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

The five colors

• Cream (#E5F2E7): A whisper-light, dusty teal — the color of sea glass.
• Sky (#70C2EB): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006BB0): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003D44): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000110): 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

• Aged Cypress Hollow color palette (#E5F2E8, #76C7C2, #00757F, #00402C, #000305)
• Sapphire Study color palette (#EBFAEE, #AAD0F6, #3D70EA, #004E63, #09052A)
• Timeworn Station color palette (#F6EBE2, #4E93B4, #00498A, #002C2C, #02001C)
• Cornflower Basin color palette (#FAEBF2, #5CBCEA, #3C7EEC, #006E64, #150737)
• Periwinkle Orchard color palette (#F1F7F2, #DADFEA, #67A9F6, #007C8F, #212C4D)
• Hushed Byzantium color palette (#E7DBFA, #8A00E1, #804900, #004E46, #020006)
• Wandering Alley color palette (#E9EAFF, #F0B7EB, #F663A2, #403BA4, #090011)
• Hushed Grape color palette (#E8F0FF, #6E73FF, #5700D4, #2F0051, #07000B)

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