Washed Petrol color palette — #D4EEF0 · #007888 · #004156 · #00263C · #001023
Teal and Deep Teal set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D4EEF0): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#007888): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004156): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#00263C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001023): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Pine Veranda color palette (#DDF4E1, #00835C, #00463A, #002B29, #02131D)
- Petrol Harbor color palette (#C9E6FA, #00678E, #723C00, #003146, #1C0A00)
- Wandering Thicket color palette (#DCEEFF, #007ECB, #003964, #001324, #000309)
- Frosted Drift color palette (#D1E6F3, #80A9ED, #7D6CBC, #004858, #001830)
- Hushed Navy color palette (#D2E5F1, #0074BE, #003A78, #100064, #12003A)
- Washed Meadow color palette (#E4F2FD, #00527B, #79003D, #2C3500, #000812)
- Misty Cerulean Lantern color palette (#D1EBF0, #0098BB, #0071A0, #00437D, #351D60)
- Muted Olive color palette (#D1E9D8, #706A00, #463600, #291800, #090D00)
Browse the whole catalog at Explore, or see today's palette.