Petrol Loft color palette — #F5EBF1 · #84BAD1 · #006CB3 · #00504C · #1E2A54
Royal Blue and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F5EBF1): bright and airy, almost weightless.
- Ash (#84BAD1): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#006CB3): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#1E2A54): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Hushed Abyss color palette (#F5EBF2, #80BEBC, #007588, #00532F, #00324A)
- Softworn Market color palette (#E8EAE1, #87BCD2, #0074A1, #004A55, #001829)
- Worn Cobalt Orchard color palette (#FBF3F6, #ABC9E0, #4779BF, #005F62, #333660)
- Chalky Ultramarine color palette (#FAEAEF, #78A3CA, #2F4AB5, #003D45, #210F4C)
- Powdered Denim Loft color palette (#F0F4FF, #E7BEEA, #D78393, #0E5AAD, #342F50)
- Periwinkle Dune color palette (#F9ECE3, #9EDEF8, #67AAE7, #00918B, #202B4F)
- Denim Veranda color palette (#F8EBF5, #529CA8, #00516D, #003126, #00142D)
- Washed Loft color palette (#FAF3F6, #D8DEF0, #799CC6, #007F7F, #47526A)
Browse the whole catalog at Explore, or see today's palette.