Timeworn Petrol color palette — #F1E6E1 · #71C2CC · #0074A1 · #004E2F · #031238
A conversation between Slate and Forest, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F1E6E1): a clean, paper-quiet neutral.
- Aqua (#71C2CC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#0074A1): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E2F): A deep, shadowed, balanced teal — the color of sea glass.
- Midnight (#031238): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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
- Muted Sapphire color palette (#EFE8E1, #8DC0AE, #4865BA, #004B49, #1A0C32)
- Petrol Hollow color palette (#F5EDE1, #74BFCA, #007390, #005048, #053249)
- Pale Hollow color palette (#EDE2DA, #64A6C4, #0053B3, #003A33, #0A0227)
- Cobalt Market color palette (#F6EBF3, #7AD5E1, #0091CB, #007047, #1D2C4E)
- Weathered Harbor color palette (#F6E1DB, #1B9D9B, #005266, #002F07, #00040E)
- Worn Iris color palette (#F7F0EA, #BAE8D8, #748BC8, #006D6A, #3F2130)
- Ancient Lagoon color palette (#D4F7E8, #00AD8C, #006E48, #003123, #000804)
- Tempered Azure color palette (#EFF1D6, #91D7D3, #2FA3F4, #685D00, #001F14)
Browse the whole catalog at Explore, or see today's palette.