Washed Petrol color palette — #F8EBE5 · #6AC8CB · #00738C · #004029 · #000307

Teal and Aqua set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8EBE5): bright and airy, almost weightless.
• Aqua (#6AC8CB): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#00738C): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004029): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000307): 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

• Muted Market color palette (#F6ECE4, #78C2E4, #0068B9, #003E3D, #010014)
• Patina Cobalt Delta color palette (#FFF2EB, #96D8E9, #0983BB, #005247, #000A27)
• Worn Basin color palette (#DAE9E5, #7FBCBE, #0094A2, #006E64, #00171D)
• Lagoon Lantern color palette (#E9EADC, #229CA1, #00535D, #002C28, #000508)
• Cypress Studio color palette (#FFF2EC, #BFE9F3, #5BB2D6, #008264, #0F304E)
• Feathered Ultramarine Study color palette (#F2E1CA, #A37400, #3851E3, #4F3700, #00000B)
• Ancient Quarry color palette (#FFE1D9, #B66500, #6B4500, #292100, #040400)
• Weathered Amber color palette (#F1EDDB, #B49600, #665200, #151100, #020100)

Browse the whole catalog at Explore, or see today's palette.