Worn Petrol color palette — #F8F5EF · #C9E7E9 · #7C9BC4 · #317A8A · #63495D
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F8F5EF): a clean, paper-quiet neutral.
- Frost (#C9E7E9): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#7C9BC4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#317A8A): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#63495D): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, 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
- Cypress Dune color palette (#F8F5EF, #CCE4E0, #6AA2BA, #008078, #305248)
- Antique Cerulean color palette (#FDF0FE, #E8D6D8, #D5B7A1, #588EA1, #604B5C)
- Powder Balcony color palette (#FAF3F5, #DADEED, #96B0EA, #54938E, #4C516A)
- Weathered Petrol color palette (#DCFCE4, #82BED3, #438AB3, #2F659A, #5E435B)
- Weathered Cobalt color palette (#E8FAF4, #8DB5D7, #BE8D5D, #0078BC, #524C46)
- Softworn Olive color palette (#FEF0FF, #769BC4, #BB717B, #5E8338, #4B3D4D)
- Softworn Market color palette (#FFF0FE, #B4CBF2, #5F7DB2, #234D82, #1F3554)
- Antique Petrol Hollow color palette (#FDF4E6, #77C6D2, #007A98, #00574E, #003753)
Browse the whole catalog at Explore, or see today's palette.