Weathered Petrol color palette — #EFF6FC · #D9D8E1 · #B0B1C8 · #006D93 · #303C45
A conversation between Peacock and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF6FC): a clean, paper-quiet neutral.
- Silver (#D9D8E1): bright and airy, almost weightless.
- Ash (#B0B1C8): A luminous, dusty violet — the color of a velvet chair.
- Peacock (#006D93): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#303C45): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Timeworn Petrol Canyon color palette (#ECF4F1, #E2D3D8, #C8AEBF, #116C9A, #17241F)
- Patina Cobalt color palette (#F3F5FB, #DDD8DD, #B4A9A3, #7F79B4, #4F525B)
- Worn Pewter Thicket color palette (#CAEBEF, #86A9B9, #706F9E, #3D603C, #1A4F55)
- Denim Corridor color palette (#DCE2E7, #B2B9C9, #8E8BA1, #004873, #0F2130)
- Grape Harbor color palette (#F4F4FB, #E1D6DD, #CDB2CA, #814EAC, #3E3E4C)
- Muted Quarry color palette (#F1F5FE, #D1D1E0, #B29DC0, #4238D6, #2A3346)
- Midnight Loft color palette (#D8E2F2, #325DB9, #242140, #061328, #02050D)
- Wandering Aubergine Courtyard color palette (#EEEDF6, #D0C9D4, #AC9AA6, #773384, #2E2B3E)
Browse the whole catalog at Explore, or see today's palette.