Timeworn Petrol color palette — #EDF2F8 · #D4D5E2 · #ABB8CD · #2F6997 · #18222B
Peacock and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EDF2F8): bright and airy, almost weightless.
- Silver (#D4D5E2): a clean, paper-quiet neutral.
- Ash (#ABB8CD): A luminous, dusty violet — the color of a velvet chair.
- Peacock (#2F6997): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#18222B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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
- Petrol Basin color palette (#EEF8F4, #ECDBE9, #C2ACB6, #2A6B8F, #313E39)
- Patina Boulevard color palette (#EFF1FA, #CFD2E8, #BA9FCB, #5D44AD, #151929)
- Hushed Hollow color palette (#F0F6FB, #DBDAE4, #BFAFA9, #5292B8, #24303A)
- Driftwood Cabin color palette (#DDE2F3, #A0A2C6, #916894, #593B55, #3B1B2E)
- Washed Navy Archive color palette (#DCE0E5, #ABB4C1, #7D8DB2, #024089, #030B18)
- Lowlit Ultramarine color palette (#D8E0ED, #3F53D0, #221F45, #050C1B, #010206)
- Indigo Basin color palette (#EAF3FF, #A4D5FF, #7FACFF, #8071D7, #09152C)
- Dusty Atelier color palette (#E9F5EF, #9EA578, #566F1B, #005349, #082119)
Browse the whole catalog at Explore, or see today's palette.