Timeworn Petrol color palette — #F3E6E0 · #9DBCA7 · #0074A1 · #004D3F · #001534
Slate and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F3E6E0): bright and airy, almost weightless.
- Sage (#9DBCA7): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#0074A1): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D3F): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#001534): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Dusty Petrol Studio color palette (#EFE7E1, #8FB9D8, #4769AB, #004A50, #150541)
- Cobalt Villa color palette (#F7F0EC, #B1D0BF, #3D81B7, #005C56, #0F1D45)
- Aged Navy Dune color palette (#E7DCD4, #43819D, #003C6F, #001F1F, #01000C)
- Cerulean Studio color palette (#EAF9F6, #CBDFFD, #21A1C2, #00696C, #002230)
- Dusty Market color palette (#DDF4EB, #2CAD8F, #00644A, #002C1F, #000704)
- Timeworn Petrol color palette (#F7F1EB, #C9E3DB, #788CBE, #006B78, #401F32)
- Moss Delta color palette (#E4E4CA, #6D9835, #006E2D, #003C2C, #001816)
- Misty Atelier color palette (#E4EBD5, #2DA766, #96257D, #00552E, #26001D)
Browse the whole catalog at Explore, or see today's palette.