Petrol Loft color palette — #F8E7F3 · #53B3B7 · #00728B · #004D33 · #001626
A conversation between Teal and Turquoise, giving this palette its sense of trust and stability.
The five colors
- Blush (#F8E7F3): A whisper-light, dusty pink — the color of a candy shop window.
- Turquoise (#53B3B7): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#00728B): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D33): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#001626): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Petrol Dune color palette (#F5E1EB, #60ADCD, #0069B1, #004A48, #070A3D)
- Aqua Alley color palette (#F7EBE6, #53CBCF, #00738C, #004029, #000307)
- Lagoon Market color palette (#EDEDE2, #569D9E, #00545C, #00302B, #00171D)
- Weathered Cerulean color palette (#E2F3EF, #54C3C8, #0094A3, #006E65, #00171D)
- Faded Iris color palette (#D5EFEF, #7EB8E5, #9181EA, #007058, #00212B)
- Linen Brick Courtyard color palette (#C8E4EE, #00888F, #BD151F, #004F54, #260001)
- Forest Boulevard color palette (#F9E9F4, #94D1D0, #0096B0, #007043, #00324A)
- Patina Lagoon Ridge color palette (#FCF2F7, #C9EAFF, #7FA9D3, #328A85, #374866)
Browse the whole catalog at Explore, or see today's palette.