Worn Petrol Loft color palette — #E5F2E8 · #7BC0E8 · #0069B6 · #003D45 · #000016

Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#E5F2E8): bright and airy, almost weightless.
• Sky (#7BC0E8): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0069B6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003D45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000016): A deep, shadowed, dusty 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 Worn 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

• Aqua Study color palette (#E6F2E8, #64C8D1, #00738A, #003F35, #000306)
• Softworn Delta color palette (#F4E8DE, #5392B5, #004693, #002B2D, #03001B)
• Cornflower Terrace color palette (#F4DFE8, #75B9E0, #507EDE, #006E67, #160735)
• Dusty Periwinkle color palette (#EFF8F1, #DAD5E0, #66A8FF, #007C92, #222C4F)
• Airy Chapel color palette (#DDE7CF, #547300, #005C96, #7E0036, #010100)
• Frosted Courtyard color palette (#C8E7DC, #83971F, #7700C9, #374100, #020006)
• Wandering Aqua color palette (#F1F7F2, #D5D6E5, #70C9E2, #479182, #264356)
• Dusty Seafoam color palette (#CFFCEE, #8BE396, #00C1B2, #645A00, #010800)

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