Petrol Loft color palette — #E9FBEC · #60C9DC · #00799B · #005650 · #003655
Teal and Aqua set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E9FBEC): A whisper-light, dusty teal — the color of glacier melt.
- Aqua (#60C9DC): A luminous, balanced blue — the color of open sky before noon.
- Teal (#00799B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005650): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#003655): A deep, shadowed, dusty 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
- Faded Sapphire Alley color palette (#E9FBEC, #74C1F4, #0D6DCA, #005462, #1B2B6E)
- Feathered Onyx color palette (#FBEDF8, #81C8D6, #0079B3, #00543A, #07005B)
- Tempered Courtyard color palette (#E6F1E8, #69AABB, #005F82, #003E3C, #00213B)
- Feathered Sky Canyon color palette (#FEF4E3, #8CEAFC, #00BBEE, #00998E, #003655)
- Hushed Canyon color palette (#F0F7F1, #C0E2F7, #678FAF, #007077, #344963)
- Muted Azure color palette (#FFF2EC, #7CDBEF, #0095DE, #007654, #19257A)
- Olive Quarry color palette (#DCFFEA, #6ADCD3, #00B2D6, #3D7813, #004536)
- Faded Jade Courtyard color palette (#BEFFE5, #00B685, #00654A, #00382C, #001E14)
Browse the whole catalog at Explore, or see today's palette.