Worn Petrol color palette — #F1E7E2 · #84BFC8 · #00759B · #004D3C · #00162F
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F1E7E2): a clean, paper-quiet neutral.
- Ash (#84BFC8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00759B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D3C): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#00162F): 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 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
- Aged Sapphire color palette (#F1E7DD, #87BADF, #3666C2, #004A50, #130F34)
- Washed Petrol color palette (#EEF0E2, #63C1D2, #00748C, #004F51, #003344)
- Patina Balcony color palette (#F8F0EC, #9BD1E2, #0084C3, #005C52, #2F152E)
- Worn Cerulean Coast color palette (#EDF8F6, #B2F2FE, #00A2C2, #006A6B, #00222F)
- Worn Terrace color palette (#F5E9E4, #439A97, #005361, #002E18, #00050B)
- Tempered Station color palette (#F7F0ED, #C9E3E0, #71A3C2, #31796C, #412F41)
- Hushed Grape color palette (#DBE5CD, #26A675, #8A00B6, #005437, #1F002D)
- Worn Moss color palette (#E4E6D0, #719400, #006F24, #004229, #001916)
Browse the whole catalog at Explore, or see today's palette.