Timeworn Petrol color palette — #F2E6F1 · #6AADB3 · #007FA9 · #006134 · #00071F

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F2E6F1): a clean, paper-quiet neutral.
• Cyan (#6AADB3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#007FA9): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006134): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#00071F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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

• Cobalt Garden color palette (#F3E7ED, #6EA9C6, #3371D0, #005E54, #0A0028)
• Denim Delta color palette (#F5EEE2, #53A0A6, #006376, #003C32, #000B13)
• Patina Rust Veranda color palette (#DCF3FB, #009095, #C73213, #006165, #130100)
• Aged Wisteria Archive color palette (#DDF2F9, #969ECA, #BA7BDB, #007C36, #000D14)
• Ancient Coast color palette (#F3E2DC, #0A898F, #004258, #00210C, #000106)
• Linen Iris color palette (#F1E3E7, #A5C4E0, #7689EC, #007C7F, #2B054C)
• Timeworn Thicket color palette (#F7EAF2, #B4D9F0, #63A7FB, #00937F, #2A2752)
• Plum Pier color palette (#C9E5FE, #0075B3, #B61460, #893600, #000205)

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