Hushed Petrol color palette — #F6EDE0 · #8CBDAF · #4067A8 · #004D5F · #21275C

A conversation between Slate and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#F6EDE0): a clean, paper-quiet neutral.
• Mint Leaf (#8CBDAF): A luminous, dusty teal — the color of sea glass.
• Slate (#4067A8): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#004D5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#21275C): 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

• Sapphire Studio color palette (#FFF4E2, #7EC0ED, #1C6DC7, #005462, #1B2874)
• Worn Harbor color palette (#F6EDDF, #7DBEC4, #00748B, #005145, #003248)
• Cobalt Grove color palette (#F1E7DE, #92BEB1, #5463B3, #004B4D, #1F0438)
• Softworn Cerulean color palette (#FCF4E8, #91DCEC, #008CB5, #006761, #064469)
• Iris Station color palette (#F9EAEF, #ACC8E2, #7080CA, #006B6E, #381D57)
• Antique Denim color palette (#F3E9D9, #5499B8, #004E7B, #002F33, #001134)
• Tempered Delta color palette (#E9F1EA, #ACD9FF, #6CA3FF, #008CAA, #232954)
• Hushed Cypress color palette (#F9F4ED, #CBE6DD, #83A28A, #447C65, #365143)

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