Petrol Terrace color palette — #F8EFF2 · #D9D0E2 · #889DBF · #457284 · #2F354A

Slate takes the lead with Blue Fog close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Silver (#D9D0E2): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#889DBF): A luminous, dusty blue — the color of deep harbor water.
• Slate (#457284): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#2F354A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Sophistication. Tagged coastal, cool, light, muted.

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

• Dusty Thicket color palette (#DAF8FF, #D2DAEA, #C2BDDE, #69918E, #2E3D44)
• Timeworn Cypress color palette (#FAF4EE, #CBE6E9, #AF8DA6, #3B7A7B, #654955)
• Cerulean Studio color palette (#F8EFF5, #ACEAE6, #419BAD, #376B4B, #172F3F)
• Denim Alley color palette (#F7E6EC, #5DA4D4, #2A55A0, #00393D, #09022A)
• Weathered Cabin color palette (#F3E4EE, #75C0D5, #0072A8, #004C43, #021337)
• Muted Teal Coast color palette (#E0F7FB, #4CCABD, #CA878A, #2F8178, #3E283E)
• Softworn Lagoon Hollow color palette (#F0E1EB, #008A8B, #004351, #002111, #000103)
• Dusty Meadow color palette (#FEECF6, #D7B491, #99778B, #664F65, #203125)

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