Petrol Loft color palette — #D7F0FF · #56B4E4 · #006FA0 · #00364D · #00101A
Peacock takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D7F0FF): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#56B4E4): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006FA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#00364D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00101A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, 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
- Dusty Teal color palette (#C2FFF8, #28BEAE, #00726D, #003933, #000E0D)
- Hazy Courtyard color palette (#FFEAFF, #96BFF5, #417CC8, #194379, #011734)
- Softworn Cerulean Atelier color palette (#DAFFF0, #9ADEFF, #0097C5, #005573, #001320)
- Lilac Meadow color palette (#E2F8ED, #B5DBFF, #A0A4F9, #108289, #0B2E26)
- Weathered Cobalt color palette (#C5E4FD, #0086CE, #004A75, #001D33, #000103)
- Softworn Lapis color palette (#FFEBF7, #9998E9, #5A4FC2, #2D2573, #0B002F)
- Ancient Peony Thicket color palette (#E1E3CE, #FF66BE, #388EF3, #2B162C, #0C070D)
- Weathered Iris color palette (#FFECF5, #C7C1F8, #8980C6, #4A477A, #311524)
Browse the whole catalog at Explore, or see today's palette.