Washed Petrol Loft color palette — #EEE8DF · #99BDAA · #0073A6 · #004B4D · #001631

Built around Slate, softened by Forest — the whole palette hums with trust and stability.

The five colors

• Parchment (#EEE8DF): bright and airy, almost weightless.
• Sage (#99BDAA): A luminous, dusty teal — the color of glacier melt.
• Slate (#0073A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001631): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Washed Petrol Loft 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 Canyon color palette (#F7F1E7, #AED0C2, #4C80B2, #005A65, #0D1D45)
• Frosted Cobalt color palette (#F7EAF1, #7ABCD3, #006AB7, #005142, #252757)
• Ultramarine Chapel color palette (#EEE8DE, #7CA1C0, #1B53AD, #003745, #060030)
• Patina Navy Study color palette (#EDE4D7, #4D7EA0, #003A76, #001E25, #00000C)
• Cypress Lagoon color palette (#F5F1EB, #C5E4E4, #7AA1C1, #177981, #422E42)
• Ultramarine Villa color palette (#FFDBEC, #D0B3DB, #D87DB0, #4557B0, #240D32)
• Worn Amethyst Ridge color palette (#FCE8F1, #7350C2, #914700, #005A49, #0E0126)
• Chalky Nightshade color palette (#D5E1EF, #6684DB, #4E3DBA, #400082, #23003F)

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