Petrol Loft color palette — #E9EADF · #6EC0C9 · #008396 · #005956 · #00242E
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Parchment (#E9EADF): a clean, paper-quiet neutral.
- Cyan (#6EC0C9): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#008396): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005956): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#00242E): 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
- Ancient Drift color palette (#ECEFDF, #68ACC8, #006F9A, #004854, #001526)
- Timeworn Cerulean Quarry color palette (#EAF9F6, #8EDBE3, #00899E, #00524F, #000F15)
- Cerulean Lagoon color palette (#EEF0E3, #8ED0E6, #0093C1, #006A75, #00324B)
- Hazy Cobalt Villa color palette (#E0E5D9, #8DB6DC, #3074C8, #005475, #05194E)
- Timeworn Olive Parlor color palette (#D9F1DB, #00999E, #827700, #005F62, #1F1B00)
- Gentle Lapis color palette (#D6E8ED, #00829A, #5F55C4, #006A30, #00151B)
- Hushed Cerulean Orchard color palette (#F4F6EF, #CAE3E7, #C4A5C4, #628CA6, #604A5D)
- Tempered Chestnut color palette (#EEDFD0, #B18339, #885300, #5E2F00, #1F1400)
Browse the whole catalog at Explore, or see today's palette.