Hushed Petrol color palette — #F5EDE1 · #91BCAB · #136AB3 · #004E58 · #15295F

Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Cream (#F5EDE1): a clean, paper-quiet neutral.
• Sage (#91BCAB): A luminous, dusty teal — the color of glacier melt.
• Royal Blue (#136AB3): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004E58): A deep, shadowed, dusty blue — the color of deep harbor water.
• Navy (#15295F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Tempered Coast color palette (#EFE7E1, #8EC0AC, #3966C0, #004C46, #170F30)
• Hushed Orchard color palette (#FAF4EC, #A8CFC3, #5578B5, #005C72, #2F3565)
• Weathered Petrol color palette (#F5EDE2, #7EBFBC, #007683, #00523C, #003442)
• Tempered Denim color palette (#F1EAE0, #579AAE, #005070, #00302F, #00152A)
• Feathered Corridor color palette (#E6F2E8, #A1DCFF, #54A9FC, #008EA0, #1B2C53)
• Chalky Emerald color palette (#D8E7DA, #21A469, #00735D, #004B47, #05303F)
• Timeworn Forest Station color palette (#E6F7E0, #7DD3DE, #6BAADA, #006F44, #003B3F)
• Washed Petrol color palette (#F8F5EF, #CAE6E9, #7D9BC3, #007C92, #63495D)

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