Timeworn Petrol color palette — #EDF4EF · #DAD1D0 · #C6B4B4 · #417F8F · #242F28

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Cream (#EDF4EF): a clean, paper-quiet neutral.
• Oat (#DAD1D0): a clean, paper-quiet neutral.
• Stone (#C6B4B4): A luminous, dusty red — the color of embers at dusk.
• Slate (#417F8F): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#242F28): a grounded near-black with real depth.

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

• Timeworn Grove color palette (#EBF4F2, #DAD1CE, #A09F95, #6786A6, #2D3936)
• Cobalt Veranda color palette (#F8EEF6, #E1D2D0, #D5B7B6, #5165B1, #2D212A)
• Patina Garden color palette (#F6F2E5, #B3B794, #4C8174, #385E51, #272913)
• Wandering Loft color palette (#DCE9E3, #A89BA6, #8F727D, #003C50, #000603)
• Chestnut Garden color palette (#CDF1D4, #D1B2D0, #A17E85, #6B5200, #36332D)
• Muted Denim color palette (#EFE6EC, #D8C6CA, #B99C98, #4B4D8C, #1D1219)
• Softworn Cobalt color palette (#D7F0E9, #3679B6, #3E2A33, #081A16, #030804)
• Petrol Alley color palette (#FBF0DE, #50ADAD, #5567A5, #584300, #0A291C)

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