Timeworn Petrol color palette — #F3E6DE · #7FBED6 · #366DAA · #004D40 · #120C39
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Parchment (#F3E6DE): bright and airy, almost weightless.
- Sky (#7FBED6): A luminous, dusty blue — the color of deep harbor water.
- Slate (#366DAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D40): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#120C39): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Weathered Cobalt Delta color palette (#F9F0E8, #AFD0C2, #5A7BB8, #005C55, #211840)
- Weathered Forest color palette (#F2E6E2, #9FBD9C, #007791, #064F0D, #00172D)
- Tempered Petrol Pier color palette (#F3EEE6, #8FBDA6, #036FA4, #004F53, #002D5E)
- Worn Nightshade Meadow color palette (#FAECDD, #74A99A, #414DA5, #00393A, #120025)
- Forest Dune color palette (#FFEDE8, #9DDEDB, #0091B1, #09671B, #002647)
- Hushed Denim color palette (#EFDFD8, #4F96A1, #004F72, #002D1B, #00001E)
- Hushed Field color palette (#F7F0EB, #C6E5E6, #839EC7, #37786E, #452E3B)
- Plum Coast color palette (#F5E5EE, #A83884, #006D69, #044F63, #1B0012)
Browse the whole catalog at Explore, or see today's palette.