Petrol Loft color palette — #E9EADF · #6FADAF · #008490 · #005E56 · #000C0F
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Parchment (#E9EADF): a clean, paper-quiet neutral.
- Blue Fog (#6FADAF): A luminous, dusty teal — the color of glacier melt.
- Cerulean (#008490): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005E56): A full-bodied, dusty teal — the color of glacier melt.
- Ink (#000C0F): 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
- Dusty Archive color palette (#D9F7E3, #77B9D4, #45A2E9, #007B82, #000B11)
- Hushed Quarry color palette (#FAEDE6, #619EA0, #006278, #003E27, #000A15)
- Ancient Cobalt Workshop color palette (#DDE0D6, #76A7C9, #1A78C1, #005973, #00081D)
- Ancient Bronze color palette (#D8E4D9, #009093, #807200, #006163, #080600)
- Washed Cerulean Garden color palette (#C1E7F2, #009FBC, #00748A, #004250, #000203)
- Antique Ridge color palette (#D1E7E2, #00898D, #00444B, #00201C, #000202)
- Soft Lagoon color palette (#D1E4E4, #007F80, #1B5BD4, #416500, #000202)
- Worn Azure color palette (#E5E9DE, #94C6ED, #4C96E0, #00779C, #001C4A)
Browse the whole catalog at Explore, or see today's palette.