Timeworn Petrol color palette — #F3E4ED · #7EBED3 · #2C6FAA · #004D3D · #0F0E38
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Blush (#F3E4ED): A whisper-light, dusty pink — the color of peonies in June.
- Sky (#7EBED3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#2C6FAA): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#0F0E38): A deep, shadowed, dusty violet — the color of wild irises.
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
- Tempered Lagoon color palette (#F8EFF3, #AACDE5, #5C7CB1, #005C54, #20193F)
- Worn Canyon color palette (#E7F2E9, #8FB8CE, #00709F, #004F50, #002E58)
- Antique Nightshade Terrace color palette (#F5E9ED, #74A2C5, #3A4DAC, #003939, #110026)
- Dusty Cypress Lagoon color palette (#F7EFF3, #D7D1E6, #859EBD, #3D776C, #2F3549)
- Patina Denim Parlor color palette (#F3E7F1, #55969D, #00506F, #002E19, #000218)
- Plum Atelier color palette (#EAE0F3, #AF307C, #006E5C, #00515A, #1B000F)
- Aged Denim Workshop color palette (#F3E9FF, #FFB4B5, #C99E51, #615197, #231129)
- Dusty Mulberry Orchard color palette (#EEE7F6, #BB5693, #007F5A, #7E005A, #00170E)
Browse the whole catalog at Explore, or see today's palette.