Timeworn Petrol color palette — #EFF7F6 · #C6E0F4 · #608FB7 · #006D87 · #2F4A67

Peacock takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Powder Blue (#C6E0F4): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#608FB7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006D87): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2F4A67): A full-bodied, 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

• Azure Loft color palette (#F8EFF3, #C5E0F6, #608ED1, #006C70, #222B43)
• Softworn Dune color palette (#D5E3E0, #7BA6B6, #006272, #003E3C, #00242E)
• Dusty Abyss color palette (#DEF2EF, #4F8A9C, #004359, #002226, #000B14)
• Periwinkle Garden color palette (#FAF4EF, #C0E7E9, #73A6F1, #008B91, #593E50)
• Lagoon Quarry color palette (#ECF8F5, #A1CDD9, #22878D, #006153, #00434B)
• Feathered Petrol Grove color palette (#E4F2F1, #93B5D5, #286AAD, #004C66, #0A2B60)
• Aged Navy Station color palette (#DDEDED, #6994BD, #004694, #002D41, #010941)
• Soft Plum Workshop color palette (#FAF1FF, #C98AA0, #6089CF, #AC2A68, #2E4264)

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