Timeworn Petrol color palette — #CAF2F5 · #008395 · #006583 · #003B58 · #000C1E

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

The five colors

• Frost (#CAF2F5): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008395): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#006583): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003B58): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000C1E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged 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

• Softworn Navy color palette (#DDEEF3, #0081AF, #00669D, #003C86, #05002E)
• Ancient Corridor color palette (#CAECE2, #007F88, #004D65, #002753, #040025)
• Soft Bloom color palette (#D9E8F6, #3A92E9, #0068A3, #00396B, #000206)
• Bronze Drift color palette (#D6EDE3, #0089BC, #AB5600, #005C80, #0E0300)
• Pale Periwinkle Veranda color palette (#D1FAEC, #8AAEF9, #9C88D6, #007A93, #000F2F)
• Muted Cornflower color palette (#D0F3FF, #2BB8FC, #0090E9, #316BC5, #1F225A)
• Softworn Pier color palette (#D4EAFC, #0076B1, #AF2960, #506100, #000205)
• Lapis Lantern color palette (#DCE9F7, #2A74E6, #4844CE, #402398, #110023)

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