Weathered Petrol Loft color palette — #F8EAF3 · #82BBCC · #006FA5 · #005148 · #112B5D

Peacock and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F8EAF3): bright and airy, almost weightless.
• Ash (#82BBCC): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006FA5): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005148): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#112B5D): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Softworn Cobalt color palette (#FDF1F7, #A7CAE2, #467BB4, #00605E, #2E3761)
• Petrol Canyon color palette (#E8EAE1, #82BED0, #007698, #004A51, #001826)
• Powdered Ultramarine color palette (#FAEAF0, #79A4C3, #1B4FB2, #003D42, #1C1547)
• Hazy Canyon color palette (#FBEBE2, #85E3FD, #39AFF4, #009282, #192D51)
• Softworn Corridor color palette (#EBDCE7, #5D9BA1, #005269, #003123, #001529)
• Cypress Terrace color palette (#FAF3F7, #D7DFF1, #739EC4, #207E78, #465369)
• Fern Workshop color palette (#CFFAFB, #87E0DF, #579BD3, #446D00, #003831)
• Teal Studio color palette (#B2F3DC, #30A98E, #005F54, #003226, #001E19)

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