Timeworn Petrol color palette — #F6E6F1 · #5BB0B5 · #0081A0 · #006043 · #000A16
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Blush (#F6E6F1): A whisper-light, dusty pink — the color of peonies in June.
- Cyan (#5BB0B5): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0081A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006043): A full-bodied, balanced teal — the color of sea glass.
- Ink (#000A16): 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
- Sunlit Cobalt color palette (#F1E1E8, #64AACD, #1075D0, #005D5D, #05002C)
- Wandering Denim Bloom color palette (#EBECDB, #5F9FA2, #006470, #003C38, #000B10)
- Aged Studio color palette (#E9DBD4, #3D8589, #004353, #002014, #000104)
- Iris Meadow color palette (#F7E3E9, #96C6EC, #618DF1, #007B87, #1F114D)
- Soft Parlor color palette (#EFE4EF, #CB4E57, #007E94, #A00029, #00070A)
- Frosted Boulevard color palette (#FCD6D2, #D00022, #007579, #305381, #070000)
- Timeworn Study color palette (#F9E9F3, #B3D9F0, #6AABE0, #009288, #182A5A)
- Chestnut Basin color palette (#DAECDF, #82863B, #755C00, #5D3400, #010500)
Browse the whole catalog at Explore, or see today's palette.