Timeworn Petrol color palette — #F3EEE6 · #81BBD3 · #006FA6 · #004F53 · #082D5A
Peacock and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F3EEE6): a clean, paper-quiet neutral.
- Sky (#81BBD3): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006FA6): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#082D5A): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Tempered Petrol Quarry color palette (#F4EEE4, #9CBB9E, #007587, #005141, #003345)
- Worn Petrol color palette (#F0E7E1, #88BCD3, #3D6CAA, #004C42, #140D37)
- Patina Cobalt Cabin color palette (#FAF4EC, #A0D1BF, #507BAB, #005E6B, #2A395F)
- Antique Periwinkle color palette (#EAF1EB, #A8DCF2, #38AEF7, #009097, #122E52)
- Tempered Denim Drift color palette (#EDE6DB, #5A9BA6, #005269, #00302C, #001625)
- Frosted Bloom color palette (#FFE8F1, #E2B6F0, #D585AC, #4F5D95, #3A2344)
- Aged Petrol Hollow color palette (#F9F4EE, #C9E7E8, #779DC1, #2F7B84, #5F4B5D)
- Hushed Cerulean color palette (#F9F4EE, #CDE3CF, #4897A8, #27705F, #245240)
Browse the whole catalog at Explore, or see today's palette.