Washed Petrol color palette — #E4F5FF · #007291 · #565300 · #383600 · #000E07
Teal and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E4F5FF): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007291): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#565300): A full-bodied, balanced green — the color of fresh herbs.
- Espresso (#383600): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#000E07): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Washed 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 Chapel color palette (#E1F6FF, #007F8F, #713A00, #4B2400, #000B03)
- Hushed Spruce Cabin color palette (#E9F8FF, #006D7C, #584500, #1D4100, #002329)
- Sapphire Basin color palette (#EAF3FF, #0064D5, #5A4D00, #383000, #000E0D)
- Fern Grove color palette (#E4F5FE, #0082A8, #3A6B0F, #004A24, #001817)
- Linen Cobalt color palette (#E0F0FF, #0081CF, #804200, #0E3F00, #031A00)
- Hushed Cornflower color palette (#FEF0FF, #3C8AEE, #BB4B31, #534B00, #010D00)
- Wandering Boulevard color palette (#F0F0FF, #8E3CB9, #495200, #323900, #000C10)
- Iris Alley color palette (#F0F0FF, #9B7BBD, #587C43, #394F2C, #0E2126)
Browse the whole catalog at Explore, or see today's palette.