Petrol Loft color palette — #CDF0FF · #0070AB · #004280 · #020042 · #01000A
Slate takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#CDF0FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#0070AB): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004280): A deep, shadowed, balanced blue — the color of open sky before noon.
- Deep Indigo (#020042): A deep, shadowed, balanced violet — the color of a velvet chair.
- Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged dark, cool.
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 Terrace color palette (#C1EAF0, #00819F, #004261, #00162C, #00000A)
- Velvet Onyx color palette (#C9EFFF, #006798, #00305F, #04004E, #05002A)
- Nightshade Balcony color palette (#CAE7FF, #2D66C7, #2C10BE, #160046, #020007)
- Quiet Quarry color palette (#F6E4F5, #2966CA, #714C00, #002664, #020100)
- Softworn Orchard color palette (#E1E9FB, #2C4AAD, #88020B, #003E11, #00000C)
- Airy Wisteria color palette (#FFE4FA, #B0A5F0, #B26BB5, #004E75, #010009)
- Soft Aubergine color palette (#E2E7FA, #7561C9, #4F008D, #220030, #030003)
- Aubergine Loft color palette (#D2E9FF, #78ACFF, #6468EC, #4F13B3, #23063F)
Browse the whole catalog at Explore, or see today's palette.