Timeworn Petrol color palette — #ECF7FF · #3E95C5 · #4F63B1 · #7D2D00 · #000F18

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cerulean (#3E95C5): A luminous, balanced blue — the color of open sky before noon.
• Slate (#4F63B1): A full-bodied, balanced violet — the color of wild irises.
• Rust (#7D2D00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#000F18): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged jewel, vibrant.

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

• Garnet Alley color palette (#E5F9FE, #00A8A2, #306CC1, #8D0408, #000E12)
• Airy Garden color palette (#EFF6FF, #6C94DD, #7653B1, #554900, #000C1A)
• Cobalt Courtyard color palette (#E4FDE8, #66CBBB, #557FBC, #694B00, #00272D)
• Pale Harbor color palette (#F0F5FF, #9BAEF2, #7C7BBF, #8F5200, #011F2D)
• Frosted Mulberry Field color palette (#E7F8FF, #009DA9, #007B91, #7C1957, #001312)
• Wandering Aubergine Chapel color palette (#ECF7FF, #007AAD, #471999, #3D2200, #000103)
• Pale Canyon color palette (#DDF7FF, #007979, #891E6D, #4B2400, #000B08)
• Muted Cobalt color palette (#ECF7FF, #0094D4, #2A3353, #001120, #000102)

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