Hushed Petrol color palette — #F6EBF3 · #75C0C6 · #007391 · #00523B · #003052

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

The five colors

• Blush (#F6EBF3): a clean, paper-quiet neutral.
• Mint Leaf (#75C0C6): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007391): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00523B): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Navy (#003052): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Timeworn Petrol Corridor color palette (#FAEAEF, #95B5D3, #4A65A6, #004E57, #2C2652)
• Cerulean Veranda color palette (#FAF2F8, #9DCDE3, #3481A7, #006151, #1E3B60)
• Petrol Basin color palette (#E9EADC, #9DBDA1, #007987, #004C47, #001A20)
• Patina Cypress color palette (#FAF3F8, #D6D6EB, #7A9EB7, #43787D, #445466)
• Chalky Turquoise color palette (#F8ECE6, #94E3E8, #00B5E1, #00956C, #013050)
• Wandering Abyss color palette (#E8DAE3, #488B9F, #004064, #00231E, #000429)
• Airy Harbor color palette (#EED5EA, #C35953, #007885, #8D0012, #002F35)
• Tempered Courtyard color palette (#F0DCE3, #6694BC, #274097, #002F35, #16003F)

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