Hushed Petrol color palette — #F5EDE1 · #8EBDAA · #006CB1 · #004E57 · #142B59

Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Cream (#F5EDE1): a clean, paper-quiet neutral.
• Mint Leaf (#8EBDAA): A luminous, dusty teal — the color of sea glass.
• Royal Blue (#006CB1): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004E57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#142B59): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, 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

• Weathered Sapphire color palette (#EFE7E1, #90BFAB, #3168C0, #004C44, #160B38)
• Cobalt Cabin color palette (#F8F5EF, #A9CFC2, #4A78BD, #005D70, #2D3664)
• Ancient Terrace color palette (#F5EDE1, #A1B99E, #007680, #00523A, #003441)
• Sunlit Cerulean Lantern color palette (#D6F2F3, #009BB8, #00698B, #003F64, #241C54)
• Antique Coast color palette (#DCFBF1, #B7CAF8, #A891DC, #006779, #3E253F)
• Antique Hollow color palette (#F2ECE3, #4F9CAE, #00516E, #00302E, #001528)
• Periwinkle Garden color palette (#E6F2E8, #9FDDFD, #66AAE8, #008F9D, #1C2D4D)
• Bronze Boulevard color palette (#C8E6DA, #1788BD, #9B5600, #004F71, #3F2000)

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