Timeworn Petrol color palette — #F5F6EF · #BBDEC9 · #52A1BF · #007A84 · #00405B
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F5F6EF): a clean, paper-quiet neutral.
- Celadon Mist (#BBDEC9): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#52A1BF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007A84): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#00405B): A deep, shadowed, 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
- Tempered Denim Atelier color palette (#E9ECDF, #669BAF, #006083, #003A42, #000A15)
- Hazy Cobalt Cabin color palette (#EDF0E8, #9DD1C2, #4C88D0, #00668B, #102A5F)
- Cerulean Pier color palette (#F4F6F0, #BFE5E8, #7EA9D3, #0087AC, #583D58)
- Softworn Lagoon color palette (#F5F6EF, #CDE1DE, #91BDA5, #449598, #365145)
- Wandering Station color palette (#E4E7D9, #82BAD5, #007DB4, #005767, #00213B)
- Cypress Market color palette (#F0F1E3, #8DAB89, #007579, #004B3F, #00181B)
- Cobalt Villa color palette (#FCF3EE, #A4D1B7, #1280BA, #006156, #4A3048)
- Chestnut Canyon color palette (#F6E4D7, #C8A78A, #AD6F4C, #89452B, #342F2A)
Browse the whole catalog at Explore, or see today's palette.