Hushed Petrol color palette — #F5EDE1 · #91BDA4 · #00719C · #00504F · #002F55

Peacock and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5EDE1): a clean, paper-quiet neutral.
• Sage (#91BDA4): A luminous, dusty teal — the color of sea glass.
• Peacock (#00719C): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#002F55): A deep, shadowed, balanced blue — the color of open sky before noon.

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

• Patina Cobalt color palette (#F9F4ED, #A4D1BD, #4E7DA4, #005E67, #243A60)
• Antique Petrol Grove color palette (#F4E6DE, #9BBCAA, #2F6EA9, #004D3D, #100A40)
• Denim Studio color palette (#F2E8D7, #6FA5CD, #0054AC, #003C48, #0F1650)
• Ancient Abyss color palette (#E6DDCF, #599CA2, #005364, #003129, #001622)
• Azure Atelier color palette (#E6F2E8, #AFDAF1, #0FB2F2, #009190, #0C304F)
• Tempered Cypress color palette (#F9F4EE, #CDE4CB, #4998A2, #237257, #30503F)
• Airy Plum Chapel color palette (#ECD8E1, #A83E77, #626300, #005471, #380C24)
• Mulberry Bloom color palette (#F9D3D3, #BE4F98, #007F4F, #810061, #00321C)

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