Petrol Loft color palette — #FFF2EC · #55CADF · #0077A4 · #005748 · #003167
A conversation between Cerulean and Aqua, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Aqua (#55CADF): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0077A4): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005748): A full-bodied, dusty teal — the color of shallow lagoons.
- Navy (#003167): A deep, shadowed, balanced blue — the color of deep harbor water.
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
- Timeworn Petrol color palette (#FBEBE2, #9CBB9D, #00748C, #005235, #00314D)
- Sapphire Delta color palette (#FFF3E7, #84C0E6, #1C66DA, #00555A, #2C2175)
- Softworn Cerulean Drift color palette (#F5F7E6, #89D9E9, #009CBC, #007274, #00394C)
- Feathered Thicket color palette (#FEF3E8, #A7DBCB, #567BD2, #00656F, #3D3670)
- Onyx Courtyard color palette (#F1E0D6, #6AA9BB, #005D8A, #003F37, #001A4F)
- Airy Sky Courtyard color palette (#FEF0FA, #84ECFF, #16B9F8, #009A80, #003266)
- Wandering Fern color palette (#DBFFED, #75E0DE, #49AADC, #566C00, #003D34)
- Antique Coast color palette (#FAECE0, #5388A4, #003A79, #002223, #06002B)
Browse the whole catalog at Explore, or see today's palette.