Hushed Petrol color palette — #F5F7E6 · #90CBC8 · #5E9DAC · #6A66A2 · #3A4D3D

Slate and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F5F7E6): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#90CBC8): A luminous, dusty teal — the color of sea glass.
• Slate Blue (#5E9DAC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#6A66A2): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Olive (#3A4D3D): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged retro, 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

• Worn Petrol color palette (#F9F6E5, #A7C9A1, #61A284, #387697, #474941)
• Worn Seafoam color palette (#DFFDF5, #7CF6E1, #6BAFB5, #677099, #2F4348)
• Aged Pewter color palette (#FFF2EF, #9BC3E5, #7B91C7, #925881, #524153)
• Weathered Cerulean color palette (#F4F6F0, #CCE2E1, #81B9DB, #2D95A9, #2B5348)
• Dusty Seafoam Canyon color palette (#FFF0FA, #8FE5C3, #79B9D2, #B07C81, #364C51)
• Frosted Mulberry color palette (#FFE9E4, #6AA9D8, #4E74C5, #852A76, #133250)
• Hushed Harbor color palette (#E7FBF1, #C7DFD7, #B29EB0, #93777B, #664847)
• Antique Teal Coast color palette (#EAF5EB, #4BADAF, #495E4F, #303C30, #1E231D)

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