Timeworn Petrol color palette — #F9F4EF · #CBE6E9 · #8599C4 · #007D8A · #644958
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F9F4EF): a clean, paper-quiet neutral.
- Silver (#CBE6E9): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#8599C4): A luminous, dusty violet — the color of wild irises.
- Teal (#007D8A): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal Brown (#644958): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Sophistication. 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
- Washed Chapel color palette (#F4F6F0, #C7E7EA, #8AB5E6, #5A8EA7, #5E4B5D)
- Muted Ash color palette (#EBF4F3, #D5D9EC, #7D9FC6, #3F728A, #2B3747)
- Weathered Blush Studio color palette (#EDF9EC, #75BFBB, #CA7E98, #00847F, #69413C)
- Softworn Market color palette (#FAF4F0, #CCE7E0, #78A58E, #397E63, #335149)
- Worn Petrol Loft color palette (#F8ECE5, #83BCCB, #0070A2, #005146, #0B2B5F)
- Patina Chapel color palette (#E6FCEA, #9DDADC, #3C9598, #005861, #003F40)
- Muted Courtyard color palette (#F9E9E2, #609B9F, #005267, #003121, #001527)
- Aged Bronze color palette (#EAFAED, #5AA6AC, #B2748D, #AA5D53, #364839)
Browse the whole catalog at Explore, or see today's palette.