Weathered Petrol color palette — #F0E7E2 · #87BCD4 · #266EAF · #004B49 · #0A0E3C
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F0E7E2): bright and airy, almost weightless.
- Sky (#87BCD4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#266EAF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B49): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#0A0E3C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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
- Washed Petrol color palette (#F2E6E0, #9EBD9E, #00788E, #004E2F, #001828)
- Worn Studio color palette (#F9F0E9, #B0D0C4, #547BBD, #005A60, #1C1A42)
- Timeworn Nightshade color palette (#EDE2D7, #7CA0C4, #3A4DAB, #003841, #0E0029)
- Wandering Azure color palette (#EAF9F7, #D0DDFB, #409CCB, #006877, #002137)
- Denim Study color palette (#FEEBE2, #4F96A4, #00506F, #002D24, #000410)
- Tempered Cypress color palette (#F6F1EC, #C8E4E5, #7E9FC9, #007A7D, #462C3F)
- Wandering Lagoon color palette (#DCE6CF, #3F924D, #006F4B, #004138, #00191C)
- Softworn Dune color palette (#ECE0D5, #587D9A, #0E2C91, #001F23, #010009)
Browse the whole catalog at Explore, or see today's palette.