Timeworn Petrol color palette — #E2F2F1 · #78C1E9 · #006DA7 · #003C4A · #000309
Peacock and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E2F2F1): a clean, paper-quiet neutral.
- Sky (#78C1E9): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006DA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003C4A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000309): 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 Aqua color palette (#E3F2EE, #5DCBC7, #00767B, #003F35, #000304)
- Dusty Dune color palette (#CFE4FD, #0067BF, #8900A4, #004E49, #000104)
- Chalky Parlor color palette (#CAE6FC, #0088BF, #327A00, #00415E, #000200)
- Sunlit Iris Corridor color palette (#E1EFFF, #BBD2FF, #908FFE, #006293, #000416)
- Antique Denim color palette (#F6EDDF, #5D91AE, #004C81, #002B30, #00021A)
- Muted Azure color palette (#C8E3FF, #319FFD, #00539C, #00162F, #000104)
- Feathered Cornflower Boulevard color palette (#F4DCE7, #43BDF5, #2783E7, #006D6E, #0C083C)
- Hushed Periwinkle color palette (#ECF8F7, #DADDE8, #5CACF4, #007A9C, #192F4A)
Browse the whole catalog at Explore, or see today's palette.