Timeworn Petrol color palette — #EDF9F1 · #69BDCF · #3872AE · #006C7C · #2B1F2C

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

The five colors

• Ivory (#EDF9F1): bright and airy, almost weightless.
• Cyan (#69BDCF): A luminous, balanced blue — the color of open sky before noon.
• Slate (#3872AE): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#006C7C): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#2B1F2C): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.

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

• Hushed Canyon color palette (#EEF8F5, #99C5EE, #7C74AF, #42719B, #362A30)
• Patina Cobalt color palette (#EDF4EC, #6FC4C0, #656EB4, #007471, #180813)
• Muted Mint color palette (#F3F7EF, #68C39E, #007E8A, #007151, #15291B)
• Dusty Azure color palette (#F0F9E4, #5A9ED4, #53689A, #6D3860, #49354B)
• Ancient Iris color palette (#ECF7FA, #8AD4CE, #987FCC, #00948D, #212233)
• Navy Coast color palette (#EBF7FF, #77AEDA, #4F7AAC, #344E8D, #2D3081)
• Aged Studio color palette (#EFF7F3, #D1DCDD, #B2C2C5, #437D93, #414A46)
• Tempered Nightshade color palette (#D7EFE3, #007393, #1D0099, #002B3A, #010010)

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