Petrol Loft color palette — #F3F8E4 · #7EC2E2 · #0076AA · #005363 · #00355A
Cerulean and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F3F8E4): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#7EC2E2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0076AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005363): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#00355A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
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
- Petrol Station color palette (#EEF0E3, #96BCA2, #00748E, #004F52, #003345)
- Misty Cobalt Villa color palette (#FBEFE8, #86C5E3, #0073CB, #005250, #0E0058)
- Weathered Basin color palette (#F5F7E5, #9FDADF, #008FA2, #006762, #004858)
- Softworn Denim color palette (#E4E7DC, #75A6C2, #005C90, #003C4B, #002040)
- Patina Sky color palette (#E4FBF9, #AAE3FF, #34B6FC, #0094AE, #00355A)
- Hushed Canyon color palette (#FFF0F8, #8DD6F7, #058FF5, #007270, #1E2577)
- Linen Glacier Veranda color palette (#D6FFF9, #3CF1F7, #00B5D3, #00715D, #003F3E)
- Worn Cerulean color palette (#F3F6EE, #BDE7DB, #658CBF, #286A89, #563F54)
Browse the whole catalog at Explore, or see today's palette.