Hushed Petrol color palette — #F1E7E2 · #9ABDA4 · #00759D · #004D3D · #001631

Slate and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F1E7E2): a clean, paper-quiet neutral.
• Sage (#9ABDA4): A luminous, dusty teal — the color of sea glass.
• Slate (#00759D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004D3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001631): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. 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

• Ancient Cobalt color palette (#FAF0EA, #B2D0BF, #2983BD, #005C54, #111F3E)
• Petrol Orchard color palette (#EEF0E3, #76BFCB, #00748B, #004F50, #003344)
• Worn Denim color palette (#ECE0D8, #6FA4C0, #0057A6, #00393A, #060030)
• Washed Abyss Pier color palette (#FAE9E0, #529796, #005362, #002E19, #00050B)
• Dusty Iris Alley color palette (#F7F0EA, #C6E4DA, #718DC6, #006B75, #401F33)
• Timeworn Plum color palette (#FFE4E2, #AA3C71, #466B00, #00594D, #1C000C)
• Aubergine Alley color palette (#FFEAEB, #F7B5BE, #E28A50, #634199, #35071A)
• Airy Garnet Harbor color palette (#F3DACC, #AA7B52, #853C21, #61001C, #150D00)

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