Weathered Petrol color palette — #EFF8F0 · #BAA170 · #987F4B · #1D7190 · #433141
Built around Teal, softened by Mocha — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF8F0): bright and airy, almost weightless.
- Camel (#BAA170): A luminous, dusty gold — the color of old brass.
- Mocha (#987F4B): A luminous, dusty gold — the color of old brass.
- Teal (#1D7190): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#433141): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Weathered 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
- Hushed Cypress color palette (#F8F3FA, #C98C9C, #AF7F4E, #00797C, #372C3B)
- Patina Petrol Archive color palette (#EDF9EE, #E7ABB3, #A49063, #5D6BA2, #54414E)
- Ancient Lagoon color palette (#EFF8F2, #AA9C61, #43926D, #755995, #2A3B31)
- Ancient Amber Canyon color palette (#FFF2ED, #C3746C, #0C7E65, #16557B, #413133)
- Antique Drift color palette (#FFF3E7, #F69561, #5EA895, #307565, #2F2127)
- Taupe Ridge color palette (#F9F3F7, #D1D9DA, #A7A6B2, #C78A79, #5A4F56)
- Ancient Coast color palette (#ECF9F1, #9A862A, #00874D, #513896, #042213)
- Bronze Meadow color palette (#FAF2FF, #E7C4E2, #C39969, #7E7100, #2E550D)
Browse the whole catalog at Explore, or see today's palette.