Washed Petrol Coast color palette — #F9F0EC · #B4736A · #556DA7 · #583B70 · #281513
Slate and Royal Purple set the tone — five colors that lean into creativity and sophistication.
The five colors
- Cream (#F9F0EC): bright and airy, almost weightless.
- Caramel (#B4736A): A luminous, balanced orange — the color of toasted spice.
- Slate (#556DA7): A full-bodied, balanced violet — the color of twilight just after sunset.
- Royal Purple (#583B70): A full-bodied, balanced violet — the color of wild irises.
- Ink (#281513): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Creativity, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Washed 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
- Patina Corridor color palette (#FBEEEE, #B07691, #23748F, #3B4B86, #2B161C)
- Garnet Quarry color palette (#F7F1E8, #9C8251, #84608A, #7B2B45, #29190B)
- Muted Petrol color palette (#EFF8F2, #928144, #007897, #673E6B, #27342C)
- Navy Delta color palette (#EDF4ED, #68AAA6, #40779F, #4F3F7F, #3D192F)
- Hazy Grove color palette (#FEEFE2, #B45700, #5B2EB3, #6C005A, #200002)
- Timeworn Pewter Market color palette (#F6F6ED, #AABF8F, #4298A6, #774F94, #302617)
- Cerulean Studio color palette (#EBF8F8, #57B38C, #2594CD, #61639B, #363241)
- Denim Boulevard color palette (#F5F2E3, #9BB585, #598466, #005B74, #2D2E15)
Browse the whole catalog at Explore, or see today's palette.