Timeworn Petrol Coast color palette — #F4F7EA · #BBE3F1 · #68B1CF · #007E88 · #063729

A conversation between Teal and Cyan, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Powder Blue (#BBE3F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#68B1CF): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007E88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#063729): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Timeworn Petrol Coast 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

• Worn Petrol color palette (#F3F6EF, #C1DFF4, #81A8DE, #27779E, #1D2D4F)
• Aged Cypress color palette (#EFF0DF, #7DC6C3, #00767B, #003F35, #000304)
• Worn Cerulean Balcony color palette (#EDF8F6, #A1CCE3, #0084AC, #005E67, #163F56)
• Weathered Lagoon color palette (#FCF3EE, #C8E9D6, #6CBAF1, #00A292, #243963)
• Cobalt Harbor color palette (#F4F7E9, #98D6F4, #1583BA, #004F5E, #000E1D)
• Wandering Quarry color palette (#EBFBE1, #BAECDB, #A6D8F9, #62A683, #273B1F)
• Wandering Garden color palette (#E0FFDE, #8FDB99, #32AE6D, #007552, #003125)
• Chalky Teal color palette (#D8FFF4, #81EFD8, #00AB96, #00574A, #00120E)

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