Petrol Loft color palette — #FFF0FB · #80C4D0 · #0078A1 · #005746 · #003364
Cerulean and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Sky (#80C4D0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0078A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005746): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#003364): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Sapphire Archive color palette (#FFF1F6, #7FC0EA, #2769D0, #00555A, #2C2272)
- Petrol Loft color palette (#F2F4E3, #78CAD8, #007F98, #005152, #001E29)
- Frosted Cerulean Coast color palette (#E6FAF7, #61DFF5, #009CBC, #007274, #00394B)
- Denim Alley color palette (#E8DEE5, #7AA6BB, #005E88, #003F36, #001B4B)
- Tempered Cypress Market color palette (#F9F3F7, #D6DFF1, #7D9DBB, #008077, #44536C)
- Frosted Corridor color palette (#FFF2EC, #83ECFE, #0FB9F7, #009A7E, #083360)
- Quiet Navy color palette (#FAEAF1, #6296B9, #003FA6, #002F33, #120043)
- Worn Coast color palette (#DCFFEA, #8DEADE, #32B6FC, #5E6C00, #004137)
Browse the whole catalog at Explore, or see today's palette.