Petrol Loft color palette — #E4FAFF · #95D9E0 · #55A7CA · #2E79AA · #41546F
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E4FAFF): A whisper-light, dusty blue — the color of open sky before noon.
- Ice Blue (#95D9E0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#55A7CA): A luminous, balanced blue — the color of open sky before noon.
- Slate (#2E79AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#41546F): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Muted Basin color palette (#EDF6FF, #BBDAFB, #71A8D1, #32689B, #163D5B)
- Washed Powder color palette (#DEF5FF, #93E7FF, #71C8ED, #6295B2, #3B5265)
- Muted Cobalt color palette (#EDF7FF, #B3D0FA, #8698D8, #7E71B5, #524F6F)
- Hushed Canyon color palette (#D7FFF7, #9ED9BB, #58B69E, #008789, #255266)
- Hushed Chapel color palette (#ECF7FF, #A2CAE6, #D8A581, #0099CD, #654052)
- Hushed Lagoon color palette (#ECF7FF, #DBD9E4, #D0AEAB, #6FAAA9, #42505F)
- Ultramarine Field color palette (#CBEEF3, #3CC2FD, #008BDE, #2E50E0, #363276)
- Dusty Study color palette (#CCE9E8, #007990, #005077, #002358, #040028)
Browse the whole catalog at Explore, or see today's palette.