Timeworn Petrol color palette — #EBF4F0 · #CADDDF · #CCBDC2 · #4D7C93 · #252F2A

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

The five colors

• Cream (#EBF4F0): bright and airy, almost weightless.
• Silver (#CADDDF): A whisper-light, dusty blue — the color of open sky before noon.
• Stone (#CCBDC2): soft and architectural.
• Slate (#4D7C93): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#252F2A): 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

• Petrol Bloom color palette (#EFF6FB, #D8D9E2, #BEBDC9, #337E9A, #40494F)
• Patina Petrol color palette (#F7EFF4, #F1D0CF, #D2B7C0, #6560A9, #2E2028)
• Hushed Driftwood Grove color palette (#F6EFF5, #E2D3D6, #B6ABA6, #937990, #3A343A)
• Muted Lagoon color palette (#F0F3E9, #8DC1A8, #3F8471, #495A48, #232A17)
• Abyss Drift color palette (#DBEDE7, #AC98AE, #8B7388, #003A5A, #000604)
• Tempered Basin color palette (#F9DFF4, #D1A8C2, #967583, #69514D, #561C00)
• Patina Iris color palette (#DAFAF1, #BAE8FF, #88C8FF, #7D8FD4, #2D1C2E)
• Denim Lantern color palette (#EFE6EA, #DEC3CC, #B99AA1, #5B4884, #1F1117)

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