Hushed Petrol Terrace color palette — #F1F6FC · #DAD7E1 · #AFB2C7 · #496490 · #313B49

A conversation between Slate and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F6FC): a clean, paper-quiet neutral.
• Silver (#DAD7E1): a clean, paper-quiet neutral.
• Ash (#AFB2C7): A luminous, dusty violet — the color of a velvet chair.
• Slate (#496490): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#313B49): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Antique Petrol Loft color palette (#EEF2F8, #D9D3DF, #B9B3C8, #2B66A7, #18212C)
• Ash Parlor color palette (#DBE0FF, #A5A7D0, #7A6E8E, #3F5F4B, #104952)
• Tempered Cobalt color palette (#F8F3F8, #E0D6D6, #D4B8AF, #4B83C2, #413642)
• Mulberry Lantern color palette (#F6F4FB, #E6D4DE, #CBB3CB, #954B84, #433B50)
• Aged Grape color palette (#F3F4FF, #D3CFE7, #AF9EC3, #7231AD, #2F2F4C)
• Mulberry Harbor color palette (#F0EDF4, #D1C9D3, #AE99A9, #7A3D5E, #322A39)
• Navy Basin color palette (#E8ECF3, #B5B8C4, #8C8BA6, #2D3C85, #181F2D)
• Fern Coast color palette (#EAFAF1, #74A797, #4C6D45, #314E66, #1D3C33)

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