Timeworn Petrol color palette — #F1F3EC · #C2E4E8 · #7C9FC7 · #3A738C · #3F303F

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

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#C2E4E8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#7C9FC7): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3A738C): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#3F303F): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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

• Washed Parlor color palette (#F2F2EC, #C8E0D9, #55ABB3, #2B7A6D, #273C2E)
• Washed Iris color palette (#F0F3EB, #EBD3EF, #5D8ED8, #1A658C, #3A2337)
• Worn Cerulean color palette (#D7FCEA, #74BDE2, #3A92CC, #2F608A, #402F41)
• Peony Drift color palette (#FDECF8, #8798D9, #BF6DA8, #3B858E, #31212D)
• Softworn Denim Parlor color palette (#E2E7D8, #6EA3C7, #005B98, #003748, #000A1F)
• Washed Alley color palette (#E8EAE0, #7BBFD2, #007696, #004A50, #001925)
• Muted Cerulean Boulevard color palette (#F9F4EF, #C5DEEE, #C9BCF3, #4FA0AA, #5B4652)
• Cerulean Loft color palette (#F2F3E6, #97DEE6, #0093A9, #00625F, #002A36)

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