Timeworn Petrol Pier color palette — #FDF3ED · #E6A692 · #958C49 · #007E95 · #301E20
Teal and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FDF3ED): a clean, paper-quiet neutral.
- Melon (#E6A692): A luminous, balanced orange — the color of sun-warmed clay.
- Moss (#958C49): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007E95): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#301E20): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Timeworn Petrol Pier 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
- Wandering Bloom color palette (#FFF2EF, #E8A6B8, #BE8669, #26815A, #2D1D27)
- Washed Petrol color palette (#FBF4EB, #D8BB8D, #63A479, #4864A8, #3A261C)
- Wandering Petrol Summit color palette (#FFF1F1, #EEB9D7, #AC995E, #007790, #512941)
- Airy Lagoon color palette (#FAF5E7, #BBAE5A, #009879, #56559F, #241207)
- Amber Alley color palette (#FFF3E5, #D29000, #7B7D00, #005267, #2A0015)
- Airy Nightshade Summit color palette (#FFF3E4, #BA8221, #008A4A, #2042B4, #160400)
- Washed Pier color palette (#FEEEEB, #C96882, #8C671F, #4B4B70, #241316)
- Dusty Chestnut color palette (#FFF2EB, #DD9C87, #744B00, #38271C, #140E0C)
Browse the whole catalog at Explore, or see today's palette.