Hushed Petrol color palette — #F1F7F3 · #F0D7E0 · #D8AEC4 · #00778A · #35443A

A conversation between Teal and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F7F3): bright and airy, almost weightless.
• Shell Pink (#F0D7E0): A whisper-light, dusty rose — the color of a warm blush.
• Rosewood Mist (#D8AEC4): A luminous, dusty rose — the color of pressed rose petals.
• Teal (#00778A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#35443A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Patina Veranda color palette (#F9F3F8, #E7D8D7, #D4BBB1, #5475A9, #4D454D)
• Denim Meadow color palette (#E7F1EC, #D6C7D4, #BC93A3, #005E79, #25312B)
• Cypress Summit color palette (#F2F7ED, #CBDFDB, #98C8B9, #007D5D, #304903)
• Timeworn Turquoise color palette (#EAF7FF, #D7D8E8, #B6A6AA, #44B4D4, #2C4350)
• Softworn Nightshade Dune color palette (#FFF0F9, #E5CBD0, #CA9993, #4E4AAB, #3E2D37)
• Jade Coast color palette (#FCF5E0, #7EB378, #007B67, #06577D, #3A3B34)
• Dusty Fern Market color palette (#A8F6ED, #7CB7E8, #826E9F, #525F14, #4C4B43)
• Hushed Field color palette (#E5DBE3, #BCA1AA, #9D7272, #1E2E78, #1C0E19)

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