Hushed Petrol Ridge color palette — #F0F6FE · #DBD7E3 · #B2B0C8 · #426497 · #343B44

Built around Peacock, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F6FE): bright and airy, almost weightless.
• Silver (#DBD7E3): bright and airy, almost weightless.
• Ash (#B2B0C8): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#426497): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#343B44): a grounded near-black with real depth.

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

Use it as a design system

One click turns Hushed Petrol Ridge 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

• Tempered Aubergine color palette (#F3F4FF, #D6CDEE, #B59CC1, #664793, #303141)
• Worn Hollow color palette (#F9F3F9, #E7D5D4, #D0B9B0, #5582BC, #413642)
• Pewter Boulevard color palette (#E3EEFB, #AA9BC7, #95647A, #3F5D58, #134853)
• Timeworn Navy Lantern color palette (#E7EEF9, #B3B7CF, #9089A8, #2E4078, #191F2B)
• Onyx Courtyard color palette (#E0DFE8, #A293AC, #7D697B, #421347, #0A0715)
• Pine Pier color palette (#EAFAEE, #97A16A, #3C7139, #444962, #203C32)
• Muted Iris color palette (#F2F5FF, #6ED0FF, #908FF5, #AA5283, #3A2649)
• Cobalt Grove color palette (#CDFAEC, #3C88DC, #70448A, #37470C, #243049)

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