Petrol Terrace color palette — #F0F6FB · #D9DAE5 · #C0BED6 · #4B799D · #42494F

Slate takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#D9DAE5): a clean, paper-quiet neutral.
• Ash (#C0BED6): A luminous, dusty violet — the color of a velvet chair.
• Slate (#4B799D): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#42494F): quiet, heavy and certain.

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

Use it as a design system

One click turns 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

• Petrol Lagoon color palette (#ECF3F9, #D8D7E5, #C2BACB, #4A7C97, #252D33)
• Ancient Cerulean color palette (#EFF8F4, #E2D3D0, #A89F92, #6696B2, #414A46)
• Grape Summit color palette (#F3F5FC, #E1D5E6, #BCB7DA, #7553B3, #3D3F4A)
• Ancient Driftwood Cabin color palette (#E8EEFF, #B0B2CE, #96789E, #725A70, #5F4447)
• Timeworn Navy color palette (#DAE2EB, #9CAABF, #717F9C, #00376B, #0A1520)
• Patina Olive color palette (#EFF8F2, #8EBBA7, #6E7A3D, #3C6165, #31483E)
• Washed Orchard color palette (#EDEDF7, #CCC9DC, #A39BB9, #683D8A, #2C2C3C)
• Chalky Indigo Balcony color palette (#FDF0FE, #6E97DE, #605CB6, #713851, #313D53)

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