Petrol Loft color palette — #E8FAF4 · #76A4CF · #BB6B9A · #006AAC · #612E4D
Peacock takes the lead with Dusty Rose close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#E8FAF4): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#76A4CF): A luminous, balanced blue — the color of open sky before noon.
- Dusty Rose (#BB6B9A): A luminous, balanced pink — the color of neon signs at night.
- Peacock (#006AAC): A full-bodied, balanced blue — the color of deep harbor water.
- Mulberry (#612E4D): A deep, shadowed, balanced pink — the color of peonies in June.
Feels like: Trust, Stability, Creativity, Balance. Tagged warm.
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
- Worn Corridor color palette (#FFF0FA, #939AD6, #C46C72, #5454C2, #672E33)
- Feathered Iris color palette (#EDF9EE, #49B1B6, #9278CD, #007479, #473966)
- Hazy Boulevard color palette (#FFE8ED, #A37CB4, #0086A4, #820CA4, #003C4B)
- Cypress Corridor color palette (#E1FDF1, #4B91B9, #866CAE, #007B5F, #184034)
- Amber Summit color palette (#E6F6F0, #57ADE6, #BB7F25, #006BA0, #382201)
- Tempered Grape color palette (#FFF0F7, #A097CD, #009E9B, #6B4BBE, #004D4C)
- Aged Workshop color palette (#FEF0FB, #A0AEDA, #50AC94, #596EB3, #415433)
- Worn Ridge color palette (#FFEFFF, #E9D4D9, #BAB7E7, #3881B1, #544252)
Browse the whole catalog at Explore, or see today's palette.