Timeworn Petrol color palette — #E9F4F8 · #9BCCDF · #9B739B · #00818C · #171420
Built around Teal, softened by Heather — the whole palette hums with trust and stability.
The five colors
- Ivory (#E9F4F8): a clean, paper-quiet neutral.
- Sky (#9BCCDF): A luminous, dusty blue — the color of a favorite pair of jeans.
- Heather (#9B739B): A luminous, dusty pink — the color of neon signs at night.
- Teal (#00818C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#171420): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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
- Dusty Petrol color palette (#ECF3FA, #A6C7E8, #B36C69, #3D76AA, #1D111C)
- Aged Pine color palette (#EBF4F4, #9BD3AF, #807CAE, #3A825A, #111523)
- Softworn Cerulean Grove color palette (#F1F7F2, #9CDEEA, #B08CBA, #009EB1, #39292C)
- Wandering Onyx Summit color palette (#DEF7FF, #8DC6E4, #7A82B1, #644674, #470D34)
- Antique Pewter color palette (#E3F7EE, #73B7CC, #7C6FA1, #2E5D4B, #202D3B)
- Muted Workshop color palette (#ECF3F8, #D8D6DD, #B8ABB0, #6188A4, #30373E)
- Washed Iris color palette (#EFF1FB, #857DBB, #6C649F, #674A1E, #0C1A22)
- Dusty Plum color palette (#E5F4FF, #00B7EF, #A83293, #006484, #0D0419)
Browse the whole catalog at Explore, or see today's palette.