Softworn Petrol Terrace color palette — #F8EFF2 · #D9D0E3 · #889CC7 · #2B7781 · #2E354D

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Silver (#D9D0E3): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#889CC7): A luminous, dusty violet — the color of a velvet chair.
• Teal (#2B7781): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#2E354D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Muted Petrol color palette (#EFF7F7, #D8DBEC, #7B9CC2, #28789A, #41546D)
• Washed Forest color palette (#F8EFF5, #BFE4ED, #469BAB, #306C46, #092F46)
• Tempered Petrol Cabin color palette (#F3E4EE, #93BACD, #0073A6, #004C42, #00123A)
• Dusty Denim color palette (#F5EAEE, #6DA3C7, #2454A4, #00393C, #09002E)
• Worn Ash color palette (#E5F6F0, #ABBB8A, #B68ABD, #697940, #322C46)
• Hushed Ridge color palette (#E1F7F2, #C1E1EF, #B8B1BB, #74957D, #27403F)
• Weathered Lagoon color palette (#EDDBE7, #258888, #004351, #002111, #000103)
• Ancient Grove color palette (#F9F4EF, #CFE4E6, #C7A5C1, #2F96A4, #674859)

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