Petrol Loft color palette — #F2F4E3 · #78CAD8 · #007F98 · #005152 · #001E29
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#F2F4E3): A whisper-light, dusty green — the color of new leaves after rain.
- Sky (#78CAD8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007F98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005152): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001E29): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Tempered Cobalt color palette (#F0F4E6, #6FC5FD, #0076C1, #004E65, #00193B)
- Muted Cerulean color palette (#F2F3EA, #B0D1B7, #008BA0, #005C59, #002817)
- Aqua Canyon color palette (#FFF0FB, #30CDE4, #0078A2, #005746, #003264)
- Cerulean Pier color palette (#E6FAF7, #60DFF5, #009CBC, #007274, #00394B)
- Patina Denim Market color palette (#E1E3D8, #64A8B9, #00627B, #00393C, #000D15)
- Cerulean Coast color palette (#EEF1E5, #3F81A1, #004062, #001E26, #000104)
- Turquoise Coast color palette (#E6F9D5, #62E8D6, #00BAC4, #007B4B, #00201B)
- Petrol Coast color palette (#DAF2E9, #008568, #006D9A, #5B5400, #00130C)
Browse the whole catalog at Explore, or see today's palette.