Petrol Loft color palette — #D8E7DB · #70C1C4 · #008398 · #005B4A · #002331
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#D8E7DB): A whisper-light, dusty teal — the color of sea glass.
- Mint Leaf (#70C1C4): A luminous, dusty teal — the color of glacier melt.
- Cerulean (#008398): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005B4A): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#002331): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Airy Studio color palette (#DFEDE1, #77BBDD, #147ABF, #005860, #011A4D)
- Tempered Field color palette (#FCF4E8, #8FDBDE, #00899F, #005343, #000F17)
- Timeworn Denim Courtyard color palette (#E8DFE7, #6DABAE, #00607E, #00411D, #001D46)
- Pine Hollow color palette (#E6DCD9, #7FD0D2, #00A0CD, #00833D, #031F41)
- Sunlit Cornflower Balcony color palette (#E7FCEB, #8DD5FB, #0091EC, #00717C, #122F67)
- Tempered Veranda color palette (#F1F7F2, #CEDEF6, #68B0CC, #1B8D82, #2D4B63)
- Timeworn Alley color palette (#DEEAFE, #C3B7EF, #C58FC3, #1F73A8, #211A45)
- Antique Pier color palette (#DBE4FF, #4862ED, #B63325, #006B2E, #070C31)
Browse the whole catalog at Explore, or see today's palette.