Hushed Petrol Field color palette — #F5E4EB · #76BDE6 · #3F6BA9 · #004B4E · #111131

Built around Slate, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Rose Water (#F5E4EB): A whisper-light, dusty rose — the color of pressed rose petals.
• Sky (#76BDE6): A luminous, balanced blue — the color of open sky before noon.
• Slate (#3F6BA9): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B4E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#111131): 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 Field 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 Sapphire color palette (#F5EDE6, #87B9D5, #3A64B6, #00504A, #2E264F)
• Dusty Petrol Delta color palette (#F2E4EE, #6EC4C1, #00788C, #004E2C, #001827)
• Soft Cobalt Dune color palette (#F6EDDF, #9DCBE7, #3C8AD4, #006A77, #1A2B55)
• Worn Ash color palette (#F9EFF2, #D9D0E3, #879DC4, #427384, #303547)
• Patina Cerulean color palette (#F4E5EE, #0099B8, #004E77, #002C27, #000218)
• Muted Plum Harbor color palette (#EDDBDF, #C20063, #006E5C, #005859, #1C0009)
• Patina Shell color palette (#F2DFFA, #FFB1A6, #B79357, #714972, #240C22)
• Gentle Raspberry color palette (#F8EAFF, #DF207F, #007C6E, #820046, #001713)

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