Timeworn Petrol color palette — #F8ECE4 · #7FBBD3 · #006CB0 · #00504C · #202B4F

Built around Peacock, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#F8ECE4): bright and airy, almost weightless.
• Sky (#7FBBD3): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006CB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#202B4F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: 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

• Tempered Abyss color palette (#F7ECE7, #70C2BE, #007588, #00532E, #003249)
• Washed Study color palette (#D8EFEC, #74BFDD, #0074A1, #004A55, #00182A)
• Cobalt Terrace color palette (#FAF4EF, #A6D0BF, #4579BF, #005F62, #33375B)
• Timeworn Nightshade Lagoon color palette (#F0E4D8, #6FA4D3, #324DAE, #003D45, #211249)
• Feathered Drift color palette (#E7F2E9, #AFDAF4, #42AEF1, #009096, #102E52)
• Lilac Veranda color palette (#D5FEE9, #B4CBFE, #B17ECD, #00706C, #173F36)
• Cerulean Pier color palette (#F0E3DD, #3C9FAD, #00516D, #003126, #00142C)
• Washed Azure Courtyard color palette (#D0E8FF, #1E95E6, #005983, #002E4A, #001A2B)

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