Timeworn Petrol color palette — #EFF7F7 · #D8DBEB · #7B9CC5 · #2A779B · #41546E
A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF7F7): bright and airy, almost weightless.
- Silver (#D8DBEB): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#7B9CC5): A luminous, dusty blue — the color of deep harbor water.
- Slate (#2A779B): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#41546E): A full-bodied, 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 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
- Antique Ash color palette (#F7EFF2, #DAD0E2, #879BCC, #337680, #30354A)
- Timeworn Loft color palette (#FAF4EE, #C6DFF0, #9DB1DD, #52929C, #644958)
- Denim Station color palette (#D1E3E2, #73A5C9, #005A99, #003B4E, #001D47)
- Lagoon Ridge color palette (#EFF7F5, #C3E3EB, #2D9BA1, #007262, #125159)
- Antique Olive Market color palette (#E4FAFE, #52A99F, #608DBE, #6E7F2A, #2D474D)
- Petrol Harbor color palette (#E8F9F7, #77C5D7, #007A97, #005559, #00384D)
- Patina Lagoon color palette (#DAFDFF, #85C5B6, #359A8D, #00716F, #38516B)
- Softworn Abyss color palette (#E3F2EF, #619AA0, #005360, #00302E, #00171E)
Browse the whole catalog at Explore, or see today's palette.