Timeworn Petrol color palette — #F2F4FF · #A499C9 · #3C917F · #00768C · #2B384B
Teal takes the lead with Fern close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F2F4FF): a clean, paper-quiet neutral.
- Mauve (#A499C9): A luminous, dusty violet — the color of wild irises.
- Fern (#3C917F): A full-bodied, balanced teal — the color of sea glass.
- Teal (#00768C): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#2B384B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Petrol Dune color palette (#F7F3FB, #C992B2, #4893AA, #4C67A8, #363545)
- Hushed Pine Loft color palette (#EFF6FC, #77AFD1, #89914A, #2F7C51, #203740)
- Dusty Wisteria color palette (#F6F3FF, #C26BD0, #008289, #005D99, #221B41)
- Tempered Mallow color palette (#FFF2EE, #FF9DBC, #68B58C, #66947A, #3E2F3A)
- Wandering Petrol color palette (#FAF2FC, #DA9EA9, #AE825D, #5B639E, #563553)
- Mallow Harbor color palette (#FEF2F1, #F095C6, #B78A60, #5B6C96, #301F24)
- Timeworn Harbor color palette (#EEF9EE, #E1B1A0, #B8875B, #5B7947, #56404C)
- Weathered Summit color palette (#E7E6F9, #9454AA, #007070, #004762, #0E0930)
Browse the whole catalog at Explore, or see today's palette.