Timeworn Petrol color palette — #E3F2F1 · #56ADD6 · #006DA1 · #004857 · #001529
A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#E3F2F1): bright and airy, almost weightless.
- Cyan (#56ADD6): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006DA1): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004857): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001529): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. 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
- Washed Ultramarine Bloom color palette (#DCEBEB, #6FA6DF, #005ED2, #004564, #030842)
- Denim Archive color palette (#DCEDEA, #57A0A7, #006372, #003C39, #000B10)
- Hushed Cobalt Quarry color palette (#F6EEE2, #74BADD, #1288D7, #006B75, #000F3A)
- Washed Canyon color palette (#FBE8F1, #7CC1E3, #2663C0, #003F38, #030011)
- Quiet Navy Ridge color palette (#FEE7F2, #4F99BC, #004A89, #00302F, #0A0641)
- Muted Quarry color palette (#EDF8F7, #ADDBFA, #579CD4, #007796, #273C54)
- Timeworn Balcony color palette (#EFE4D7, #8C5A00, #2B6C00, #8B003D, #0E0600)
- Patina Lagoon color palette (#EFDECD, #BF7900, #794900, #361D00, #060200)
Browse the whole catalog at Explore, or see today's palette.