Softworn Petrol Harbor color palette — #D9E9EF · #769BB6 · #54658E · #663938 · #453200
Built around Slate, softened by Espresso — the whole palette hums with optimism and sophistication.
The five colors
- Frost (#D9E9EF): a clean, paper-quiet neutral.
- Blue Fog (#769BB6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#54658E): A full-bodied, dusty violet — the color of wild irises.
- Cocoa (#663938): A deep, shadowed, dusty orange — the color of autumn markets.
- Espresso (#453200): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Softworn Petrol Harbor 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
- Timeworn Petrol Villa color palette (#C7F5F6, #57A0A5, #006D9B, #66334C, #542A26)
- Weathered Alley color palette (#CFE5D3, #529FB6, #5E6398, #5A3441, #2D121C)
- Tempered Pewter color palette (#DDE9F7, #9198D0, #785491, #603F0F, #183D2D)
- Ancient Villa color palette (#DBF5FF, #6286AD, #514B97, #59210B, #3A2400)
- Washed Turquoise Quarry color palette (#D1ECDD, #63B6D0, #7178B0, #785532, #3D3832)
- Weathered Powder Parlor color palette (#CCF4E4, #95BDE5, #8292B9, #8B6587, #4E283C)
- Antique Ash color palette (#F0F5FF, #BABED4, #9A90B6, #607365, #44544F)
- Tempered Aubergine color palette (#E6F1FC, #6671BC, #612A7C, #3C2000, #0E1B04)
Browse the whole catalog at Explore, or see today's palette.