Weathered Petrol Coast color palette — #F8EEF7 · #97B4E7 · #9FA165 · #5772A1 · #33312A
A conversation between Slate and Moss, giving this palette its sense of nature and growth.
The five colors
- Blush (#F8EEF7): bright and airy, almost weightless.
- Sky (#97B4E7): A luminous, balanced violet — the color of wild irises.
- Moss (#9FA165): A luminous, balanced green — the color of new leaves after rain.
- Slate (#5772A1): A full-bodied, balanced violet — the color of twilight just after sunset.
- Espresso (#33312A): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.
Use it as a design system
One click turns Weathered Petrol Coast 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 Petrol color palette (#E9F6EE, #74C0D9, #C19071, #227D97, #36302B)
- Cobalt Study color palette (#FDF1F9, #A3ADDC, #AF9656, #5E6ABB, #504C46)
- Pewter Drift color palette (#FFECF0, #CDA2D3, #82A880, #8A5F91, #31322B)
- Iris Ridge color palette (#F0F6FF, #B2C4EC, #BAB56A, #6688DC, #524F24)
- Softworn Bronze Veranda color palette (#FFECF5, #9C93CD, #9D8C5A, #8B7638, #34202B)
- Driftwood Bloom color palette (#FAEDF6, #E7D4D0, #D7BCA2, #6F9780, #4B363E)
- Stone Cabin color palette (#F9EEF4, #9FD0BA, #795568, #402935, #191115)
- Washed Driftwood Thicket color palette (#FFECF5, #C4BFEE, #7F7AAF, #4D4370, #1A1537)
Browse the whole catalog at Explore, or see today's palette.