Timeworn Petrol Canyon color palette — #ECF7FF · #86B7D4 · #BF8B6E · #267BA4 · #614253

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Sky (#86B7D4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Caramel (#BF8B6E): A luminous, dusty gold — the color of afternoon light on wheat.
• Cerulean (#267BA4): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#614253): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Timeworn Petrol Canyon 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 Thicket color palette (#EAF8FC, #7DBDBC, #B987A2, #1E8281, #564466)
• Worn Drift color palette (#EFF6FF, #96B1DF, #AA985B, #5272AB, #315740)
• Aged Petrol Harbor color palette (#E8F5F0, #8FC0AD, #BF86B5, #007BAB, #43243E)
• Cerulean Workshop color palette (#EDF7FF, #A4C9E9, #D89AC8, #3F94CB, #524665)
• Ancient Azure Canyon color palette (#EDF7FF, #5CA0CC, #AF7C5D, #7E713D, #304556)
• Hazy Grape color palette (#F2F4FF, #A494D2, #7B9454, #6D52A9, #3A4823)
• Wandering Stone Thicket color palette (#F1F5FC, #C6C395, #515C80, #2D394E, #25232C)
• Softworn Market color palette (#EDF8F2, #99E0FF, #F4BA7E, #55B5DC, #524C46)

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