Petrol Loft color palette — #EEF6FF · #D9D4FF · #CFA1CB · #007C99 · #2E3E5C
A conversation between Cerulean and Mauve, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Thistle (#D9D4FF): A whisper-light, dusty violet — the color of wild irises.
- Mauve (#CFA1CB): A luminous, dusty pink — the color of a candy shop window.
- Cerulean (#007C99): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#2E3E5C): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged pastel, 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 Cypress color palette (#E7F9FF, #B3DDFF, #A9A3DA, #008063, #264353)
- Muted Cobalt Veranda color palette (#F2F4FF, #FED7F7, #DF8E8F, #546AB2, #3E3A57)
- Tempered Summit color palette (#F0F5FF, #DDD6F0, #CBB4FF, #648FC6, #384356)
- Antique Pier color palette (#FFEBFB, #F9C9D0, #BCABEC, #3B6D9D, #311A2C)
- Hazy Dune color palette (#E1EDFE, #BEA9E2, #C273A1, #004F6E, #171A41)
- Hushed Aubergine color palette (#F4EEFF, #ECB5B5, #CB9768, #6C4996, #452D4B)
- Ancient Pier color palette (#FEF0FF, #E2D6E9, #FAB7C6, #79B4C8, #4B3746)
- Linen Raspberry Studio color palette (#E9EEFF, #BF95CA, #BF4870, #003A74, #1E072C)
Browse the whole catalog at Explore, or see today's palette.