Petrol Loft color palette — #EEF3EF · #D6DAEC · #7D9FC9 · #1A778A · #28364F

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#EEF3EF): a clean, paper-quiet neutral.
• Silver (#D6DAEC): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7D9FC9): A luminous, dusty blue — the color of open sky before noon.
• Teal (#1A778A): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#28364F): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns 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

• Washed Denim Veranda color palette (#E3EDE5, #72A3C0, #035A9C, #003840, #000034)
• Patina Petrol Parlor color palette (#E4EBE5, #8EBBCF, #007699, #004C47, #00182A)
• Dusty Ash Delta color palette (#FAF4EF, #C9E7EA, #8498CA, #317C79, #614B55)
• Aged Corridor color palette (#E6F5F8, #88BEC8, #CA8693, #008478, #3E2743)
• Ancient Lagoon Canyon color palette (#CCF3EF, #94CCB3, #40A08E, #006B65, #093B48)
• Washed Abyss color palette (#E6EFE8, #51818C, #00444B, #002015, #000202)
• Dusty Lagoon color palette (#DDF7FF, #A5D4E4, #35969B, #005559, #002525)
• Worn Teal color palette (#FAF3F6, #D9D4DE, #CDBCEE, #33A5A2, #474B69)

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