Petrol Loft color palette — #EDDFD8 · #99BC9C · #00829E · #005C3D · #002238
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Parchment (#EDDFD8): bright and airy, almost weightless.
- Sage (#99BC9C): A luminous, dusty green — the color of fresh herbs.
- Cerulean (#00829E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005C3D): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002238): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, 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
- Washed Hollow color palette (#EBDFD8, #7EBBD3, #0079C5, #005A55, #0B1554)
- Antique Cerulean Balcony color palette (#FFF0FA, #7ADFE1, #0088A4, #005437, #000E1B)
- Denim Atelier color palette (#E6F2EF, #69ACAD, #00636C, #003F38, #00242B)
- Hushed Boulevard color palette (#E0E1D5, #62D4D7, #00A5B3, #007E72, #00242B)
- Ancient Lilac Canyon color palette (#DCEADE, #89C9F5, #9999E5, #00795D, #002731)
- Patina Cornflower Coast color palette (#FEF3EB, #9AD4F1, #128DF7, #007271, #232A6B)
- Frosted Crimson Ridge color palette (#D8F3DD, #0098A4, #D41452, #005E66, #39000F)
- Lagoon Alley color palette (#FAF3F0, #C2E8E1, #5EB0D6, #008F73, #2C4A6A)
Browse the whole catalog at Explore, or see today's palette.