Timeworn Petrol color palette — #EED7DE · #AF6E00 · #006FB1 · #673F00 · #002B49

Slate and Ochre set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#EED7DE): A whisper-light, dusty rose — the color of a warm blush.
• Ochre (#AF6E00): A full-bodied, balanced gold — the color of honey in a jar.
• Slate (#006FB1): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#673F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#002B49): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Frosted Sapphire color palette (#CEE5D3, #9D7900, #265FD9, #5C4500, #0D2557)
• Antique Rust Grove color palette (#EED6E4, #C9571D, #00797D, #7A2D00, #003032)
• Worn Nightshade Boulevard color palette (#FEE6CA, #935E00, #00629F, #023FB1, #2E1A00)
• Quiet Azure color palette (#EFDAC4, #FFAF4F, #2EABF8, #9B5F00, #002C46)
• Softworn Orchard color palette (#E8FAF1, #A5A456, #6186DA, #6C6A00, #314165)
• Pale Amber color palette (#D1E4D0, #CD8800, #009E79, #875800, #003124)
• Softworn Byzantium Loft color palette (#FFEBD8, #B66A00, #A035A2, #673A00, #230024)
• Antique Garnet Orchard color palette (#F1D9E2, #A48330, #7B4800, #621B00, #0A2B1F)

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