Timeworn Petrol color palette — #F1DFD7 · #4FB1C4 · #006DA2 · #004C35 · #050840
Peacock and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F1DFD7): A whisper-light, dusty orange — the color of toasted spice.
- Cyan (#4FB1C4): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006DA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C35): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#050840): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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 Sapphire Cabin color palette (#F9EDE4, #7DBBD5, #0073DA, #005B4D, #1B1547)
- Washed Petrol Delta color palette (#FAE8F5, #71C5D6, #00709A, #003F33, #00020A)
- Ultramarine Ridge color palette (#E4DDD6, #6198C5, #3B44BF, #003B3C, #0F0022)
- Washed Garden color palette (#E5E7D6, #62C0D2, #0091B1, #006C70, #001721)
- Misty Cobalt color palette (#F6ECE8, #84D3DE, #0091CA, #007046, #1B2C51)
- Pine Dune color palette (#FEF2EF, #95EDEB, #00ACD5, #24873A, #224263)
- Powdered Terracotta Villa color palette (#F6EBD7, #98C46A, #00A9A3, #9D2C00, #151900)
- Softworn Boulevard color palette (#FBF4ED, #C3E6E8, #81A2F1, #2E8A86, #593F4B)
Browse the whole catalog at Explore, or see today's palette.