Worn Petrol color palette — #EDF0DF · #77C3DF · #007099 · #003D45 · #000307
A conversation between Peacock and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#EDF0DF): A whisper-light, dusty green — the color of new leaves after rain.
- Sky (#77C3DF): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#007099): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003D45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000307): 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 Worn 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
- Denim Ridge color palette (#E4E5D5, #68B0B2, #006069, #002C27, #000102)
- Dusty Cobalt color palette (#F3F8E8, #A4D2F6, #1D7DD0, #004E67, #000B26)
- Worn Terrace color palette (#F9E8F1, #5194AC, #004D7C, #002C29, #01001E)
- Gentle Villa color palette (#EDDED5, #7EBAD1, #0089D9, #006D67, #040348)
- Tempered Sky Boulevard color palette (#F4F7EC, #BEE1F2, #65AFE0, #157B92, #093050)
- Antique Lagoon Market color palette (#F5F6EE, #BFDFE3, #86C8CC, #4D9083, #044851)
- Washed Bronze color palette (#F8DDC6, #B37733, #753C00, #3A1500, #020100)
- Muted Meadow color palette (#FFE3E1, #D53088, #7F6300, #6F0042, #020100)
Browse the whole catalog at Explore, or see today's palette.