Washed Petrol Loft color palette — #EFF8F1 · #C6DFF9 · #738AB8 · #126C87 · #3B4766
Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF8F1): a clean, paper-quiet neutral.
- Powder Blue (#C6DFF9): A whisper-light, dusty blue — the color of deep harbor water.
- Slate Blue (#738AB8): A luminous, dusty violet — the color of wild irises.
- Peacock (#126C87): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#3B4766): A full-bodied, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Washed 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
- Patina Terrace color palette (#EAFAED, #A1D4FF, #477ED4, #006378, #323B6C)
- Washed Cypress Boulevard color palette (#F9EFF2, #C8DFF7, #8389BD, #006B72, #352245)
- Tempered Courtyard color palette (#E6F1E8, #69AABB, #005F82, #003E3C, #00213B)
- Hushed Navy color palette (#E0EFE2, #4D88A7, #003E6C, #002226, #000329)
- Ancient Lagoon color palette (#FAF4EE, #F3D4E0, #9AA0D4, #008B94, #5F3C48)
- Petrol Loft color palette (#E9FBEC, #60C9DC, #00799B, #005650, #003655)
- Emerald Boulevard color palette (#DEFDF8, #5B9B4D, #567BB8, #9B4F50, #11413B)
- Dusty Terrace color palette (#DFFDF7, #C2E4F4, #8AD0D1, #84885A, #365250)
Browse the whole catalog at Explore, or see today's palette.