Petrol Loft color palette — #F2E3ED · #66ADC4 · #0069B2 · #004C3C · #0E0441
A conversation between Cobalt and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Blush (#F2E3ED): A whisper-light, dusty pink — the color of a candy shop window.
- Cyan (#66ADC4): A luminous, dusty blue — the color of open sky before noon.
- Cobalt (#0069B2): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C3C): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#0E0441): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Cobalt Harbor color palette (#EFE3E8, #81B9DA, #4771C7, #005A54, #22104A)
- Weathered Forest color palette (#E7DDE8, #54B3B0, #00728C, #004E10, #00142A)
- Hushed Petrol color palette (#FCEAE0, #7CC3D9, #006AB3, #003F31, #020013)
- Softworn Denim color palette (#F1E8D9, #4C9BB3, #005071, #003030, #00142B)
- Timeworn Cabin color palette (#F5EBF1, #9CCCE2, #1C8ED0, #006F4F, #1F2A54)
- Linen Studio color palette (#FEF0FC, #9AEBF2, #00A9E2, #15874F, #223F6E)
- Lapis Terrace color palette (#E2E1C1, #807B00, #5846DD, #4B4700, #0D0039)
- Antique Lagoon color palette (#FBF2F5, #D8DCF5, #96A1D6, #268A8E, #434462)
Browse the whole catalog at Explore, or see today's palette.