Petrol Loft color palette — #D5E8E6 · #55AEC9 · #007FA7 · #005C65 · #000B14
Cerulean takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D5E8E6): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#55AEC9): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#007FA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005C65): A full-bodied, dusty blue — the color of deep harbor water.
- Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Wandering Denim color palette (#EDDCE6, #30A1BE, #005E8D, #003C35, #000428)
- Tempered Cerulean Basin color palette (#E3F4F1, #5DD4DF, #00A4BB, #007D78, #00242E)
- Navy Field color palette (#F2E3ED, #4B8192, #003D6B, #002018, #01000B)
- Indigo Pier color palette (#E1E8F8, #6E5FFF, #008377, #4A31C4, #000806)
- Periwinkle Lagoon color palette (#DEF4F3, #ABD9FF, #59A8FC, #2589B1, #162D53)
- Aqua Coast color palette (#EBF9F5, #B6EAF8, #55C5CD, #4D9C8D, #00434C)
- Wandering Wisteria color palette (#F0E9FF, #D48AB6, #C870BE, #685FA3, #0F0B29)
- Airy Byzantium color palette (#F1ECFA, #8C20F0, #BB0054, #006085, #03000A)
Browse the whole catalog at Explore, or see today's palette.