Washed Petrol color palette — #E5F2E7 · #43B2C0 · #00819F · #005E54 · #000B14
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#E5F2E7): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#43B2C0): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#00819F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005E54): A full-bodied, dusty teal — the color of shallow lagoons.
- Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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 Cobalt color palette (#D9E5DB, #5BAAD7, #1877C7, #005B67, #000030)
- Periwinkle Basin color palette (#C8E5EF, #69B0EC, #808DD5, #00797B, #000E18)
- Hazy Market color palette (#C9EEF5, #008EA1, #C63600, #005F6C, #120100)
- Washed Cerulean color palette (#D1EAF4, #009CC6, #006C8C, #003F52, #000204)
- Antique Harbor color palette (#EBDDD7, #72ADB5, #005D7A, #002C21, #000104)
- Timeworn Lagoon Thicket color palette (#ECEDE4, #3F848D, #00434F, #001F1E, #000202)
- Worn Cerulean color palette (#E7F1E8, #7ED1CC, #00A5B4, #00805E, #00242E)
- Plum Bloom color palette (#C4EDF9, #007C94, #AB158F, #675800, #000203)
Browse the whole catalog at Explore, or see today's palette.