Petrol Loft color palette — #EFE8DD · #74BFDC · #0072A9 · #004B4E · #001532
Slate and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#EFE8DD): a clean, paper-quiet neutral.
- Sky (#74BFDC): A luminous, balanced blue — the color of open sky before noon.
- Slate (#0072A9): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B4E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001532): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Softworn Petrol Cabin color palette (#F7EAF1, #90B7CE, #006DAF, #00504B, #1D2B55)
- Cobalt Loft color palette (#F8F1E5, #9DCFEE, #517FB0, #005966, #2E172B)
- Denim Orchard color palette (#F3E9DA, #73A1CC, #2D549F, #003746, #07012D)
- Cerulean Studio color palette (#F8F1E5, #79E4E1, #0094A3, #00654B, #002A36)
- Weathered Boulevard color palette (#F2E9DA, #009BAD, #005168, #002C27, #00050B)
- Azure Balcony color palette (#FFF2EA, #C2EEFF, #4A95E6, #006C5A, #1A193D)
- Patina Balcony color palette (#EFE5D4, #337FB3, #00387C, #001E26, #00000C)
- Ash Quarry color palette (#F6F1EA, #C4E7E7, #79A1C4, #54745C, #3F313E)
Browse the whole catalog at Explore, or see today's palette.