Timeworn Petrol color palette — #F4EDE3 · #8AB8D3 · #0E6BB2 · #004E58 · #1B2C52
Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#F4EDE3): bright and airy, almost weightless.
- Ash (#8AB8D3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#0E6BB2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004E58): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#1B2C52): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Timeworn Petrol 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
- Patina Petrol Terrace color palette (#F0E7E0, #89BBD6, #4369AE, #004C45, #180440)
- Antique Petrol Coast color palette (#F6EDDF, #99BB9E, #00748A, #005144, #003347)
- Softworn Parlor color palette (#FAF4EB, #9DD2C2, #5678B1, #005D71, #31375C)
- Antique Station color palette (#E7F2E9, #A7DBF9, #58AAF6, #008E9F, #1B2C51)
- Tempered Cerulean color palette (#EDE1CE, #409DB5, #00506F, #00302F, #001529)
- Hushed Petrol Workshop color palette (#F9F4EE, #C8E8EB, #7F9BC0, #3C7887, #624A5D)
- Airy Plum color palette (#FEE2E7, #B82D5D, #4F6900, #005182, #3A0B1A)
- Hazy Delta color palette (#F8D5D0, #C54F7E, #007D63, #870048, #003126)
Browse the whole catalog at Explore, or see today's palette.