Timeworn Petrol color palette — #D8EEED · #81BCDE · #0071AE · #00495A · #00162F

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

The five colors

• Frost (#D8EEED): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#81BCDE): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0071AE): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#00495A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#00162F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Petrol Lantern color palette (#F5EDE2, #82B9D9, #216BAB, #004E58, #192C55)
• Cypress Garden color palette (#DAEEE9, #75C3C0, #007A7F, #004C41, #001A1E)
• Patina Ash color palette (#EAF4F4, #D4D9ED, #829FBE, #4D7085, #2B3746)
• Glacier Bloom color palette (#E6F6F3, #68E5EF, #0093A6, #00635D, #002A35)
• Muted Cerulean color palette (#DCEDEA, #0099B8, #00516A, #002B2F, #00050A)
• Cobalt Summit color palette (#F9E9F1, #A7C9E2, #6285C8, #006D65, #2E2552)
• Quiet Byzantium Study color palette (#EBE1F2, #9431C3, #B10031, #004F82, #0A0620)
• Timeworn Blush Garden color palette (#ECEAFF, #ECB9ED, #D081AC, #665588, #1B152D)

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