Timeworn Petrol color palette — #F7EAF3 · #6FC0CA · #007395 · #00523E · #0B2F4F
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#F7EAF3): a clean, paper-quiet neutral.
- Cyan (#6FC0CA): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007395): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00523E): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#0B2F4F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Worn Petrol Coast color palette (#F2E4F0, #8FBBCC, #0074A2, #004E2F, #041237)
- Muted Cobalt color palette (#FEF1FA, #8DD1E4, #3880AB, #006155, #293B54)
- Dusty Petrol Boulevard color palette (#FAE9EE, #83B7E6, #4D64A7, #004E59, #2E2650)
- Washed Turquoise Pier color palette (#F5EDE3, #BDDCC3, #32B5D7, #009381, #003249)
- Cypress Station color palette (#FAF2F8, #D7D5EA, #789EBA, #447B6C, #455466)
- Wandering Cerulean Station color palette (#F5E8F0, #058EAE, #004065, #00231F, #000329)
- Worn Sapphire Basin color palette (#C5E9CE, #9D7900, #4E5FC1, #5C4500, #1A2159)
- Nightshade Ridge color palette (#E4F0E4, #4695D9, #2639A6, #002F36, #17043A)
Browse the whole catalog at Explore, or see today's palette.