Timeworn Petrol Harbor color palette — #EEF0E1 · #7FBDC9 · #00748D · #004F51 · #003345
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#EEF0E1): a clean, paper-quiet neutral.
- Ash (#7FBDC9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00748D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003345): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Timeworn Petrol Harbor 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 (#EFE7E3, #98BEA5, #0574A1, #004D40, #001534)
- Worn Denim color palette (#E4E8DC, #6EA7C7, #005C8F, #003C4A, #00203F)
- Softworn Periwinkle Quarry color palette (#CAFBE3, #A3D8FF, #7E9FD1, #006473, #143B2E)
- Timeworn Turquoise color palette (#E1F3F0, #ACDBF1, #00B6DE, #009095, #003345)
- Cerulean Orchard color palette (#F6EAF3, #9FCCE0, #0091C8, #006E5C, #092D59)
- Washed Lagoon Field color palette (#EEEFE1, #459FA1, #00545B, #00302B, #00171D)
- Lapis Boulevard color palette (#D2EAF3, #007793, #5C49B2, #005D33, #00242E)
- Hushed Byzantium color palette (#C7E7D6, #008CAF, #9143A4, #005167, #400B4C)
Browse the whole catalog at Explore, or see today's palette.