Timeworn Petrol color palette — #EDF4EF · #CDD9D9 · #C1B1C1 · #007185 · #18231D

A conversation between Teal and Ash, giving this palette its sense of trust and stability.

The five colors

• Cream (#EDF4EF): a clean, paper-quiet neutral.
• Silver (#CDD9D9): bright and airy, almost weightless.
• Ash (#C1B1C1): A luminous, dusty pink — the color of a candy shop window.
• Teal (#007185): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#18231D): quiet, heavy and certain.

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

• Cypress Alley color palette (#EEF7FA, #D6D9E8, #AAB3CB, #16707A, #2D3D44)
• Dusty Cerulean Grove color palette (#F1F7F2, #D0E0E2, #CFC6BA, #129BAC, #233327)
• Patina Meadow color palette (#F6EFF5, #DFCED9, #C3A0AE, #0852C0, #241323)
• Cypress Workshop color palette (#F3F3E6, #86AB8A, #2A7459, #005153, #1B1F04)
• Ancient Bloom color palette (#F6F0F4, #DDD4D4, #BAADA4, #7180B4, #3B3439)
• Aged Cocoa Loft color palette (#DDF2E8, #B89DB5, #896577, #6B3C22, #342305)
• Abyss Market color palette (#D9E1DD, #A6B8B2, #9E8499, #004B62, #000F07)
• Amethyst Harbor color palette (#F9EEF3, #E1D2CF, #D9B4B8, #7152BF, #331D28)

Browse the whole catalog at Explore, or see today's palette.