Hushed Petrol color palette — #E8F2ED · #B2CAC3 · #B69BB2 · #006B88 · #15231C

Peacock and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E8F2ED): a clean, paper-quiet neutral.
• Stone (#B2CAC3): A luminous, dusty teal — the color of shallow lagoons.
• Mauve (#B69BB2): A luminous, dusty pink — the color of a candy shop window.
• Peacock (#006B88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#15231C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Dusty Cypress Basin color palette (#EBF1EB, #B7CABD, #83B09E, #006F6D, #192218)
• Antique Denim color palette (#E9E4E9, #D0BECA, #BD99A9, #215EB0, #271A27)
• Timeworn Canyon color palette (#DDE9F0, #BCBED1, #A7A2B6, #008EAF, #0E222C)
• Aged Petrol color palette (#EEF7FD, #D5D9E8, #AABDD1, #00698A, #000E19)
• Dusty Harbor color palette (#D9E4DD, #C3B3C4, #A38393, #004D5C, #112419)
• Softworn Indigo color palette (#F4ECEF, #E6D2D5, #D3ACAD, #7F5EAD, #37292F)
• Worn Navy Meadow color palette (#F4ECF1, #B19FA6, #977A9E, #3A368D, #10050C)
• Iris Coast color palette (#D3FAEE, #7F8ECC, #7D619B, #6E421D, #2D2500)

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