Timeworn Petrol color palette — #F7ECE7 · #76BFCA · #0070A0 · #005335 · #1C2C52
A conversation between Peacock and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#F7ECE7): bright and airy, almost weightless.
- Cyan (#76BFCA): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#0070A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005335): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Navy (#1C2C52): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Sapphire Studio color palette (#F4EDE7, #80B9DF, #3D5FC5, #00504D, #31264C)
- Patina Market color palette (#E2ECE4, #57C5D5, #007794, #004C44, #001827)
- Wandering Cobalt color palette (#FDF3ED, #A5D1B7, #2B7DBF, #00624C, #4E2E46)
- Weathered Cerulean Quarry color palette (#F7EDDD, #6DD6E6, #0094B9, #006D62, #00324B)
- Timeworn Cornflower Lantern color palette (#FBF4ED, #94D8FD, #3177F4, #00675F, #3F366A)
- Softworn Workshop color palette (#EEDDD9, #4D9F9C, #005265, #013307, #00152A)
- Softworn Turquoise Courtyard color palette (#F4EBF2, #B0DBEC, #27B3E5, #129374, #002F56)
- Timeworn Byzantium color palette (#E8DBF4, #8944B9, #006E5D, #0A5165, #271635)
Browse the whole catalog at Explore, or see today's palette.