Timeworn Petrol color palette — #ECEEFF · #0078A4 · #00744E · #030E0D · #010100
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#ECEEFF): A whisper-light, dusty violet — the color of wild irises.
- Cerulean (#0078A4): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#00744E): A full-bodied, balanced teal — the color of sea glass.
- Ink (#030E0D): a grounded near-black with real depth.
- Black (#010100): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged neon, dark, vibrant, 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
- Ancient Courtyard color palette (#C6E3F7, #007F77, #546C00, #090E07, #010100)
- Velvet Garden color palette (#DFEFE7, #00725E, #003F3A, #001C1D, #000203)
- Shadow Ultramarine Studio color palette (#E7E0F3, #0058BF, #005F5B, #030F0B, #000200)
- Linen Violet Parlor color palette (#F1E1EA, #8157FF, #007DA4, #050B16, #000201)
- Worn Azure color palette (#EEE0F5, #2398FB, #00999A, #011A04, #010301)
- Antique Abyss Balcony color palette (#E3E7DC, #98A58B, #71826A, #004227, #030500)
- Cornflower Workshop color palette (#F7E3FB, #3683FF, #9B7800, #160F00, #030200)
- Antique Basin color palette (#ECE9DA, #7A6600, #2F353C, #1E2100, #030300)
Browse the whole catalog at Explore, or see today's palette.