Petrol Loft color palette — #E3F2FF · #0073A6 · #814100 · #002F47 · #030100
Slate and Bronze set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#E3F2FF): A whisper-light, dusty blue — the color of open sky before noon.
- Slate (#0073A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#814100): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Midnight (#002F47): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#030100): a grounded near-black with real depth.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.
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
- Terracotta Delta color palette (#CFEBF3, #007B7A, #952A00, #003332, #040000)
- Charred Quarry color palette (#DEF0FF, #005277, #5C2D00, #002133, #030100)
- Navy Courtyard color palette (#E8F0FF, #485CD2, #6B5000, #170085, #020100)
- Cobalt Basin color palette (#D4F5E8, #0088C1, #A55B00, #005B83, #0D0400)
- Charred Nightshade Ridge color palette (#EFDFEC, #2943AE, #790015, #09006C, #140001)
- Twilit Quarry color palette (#D1E7D7, #6A7B28, #4A3A00, #200C00, #000200)
- Weathered Pier color palette (#BEE8FF, #A9B6EE, #BF7AA3, #004A48, #000107)
- Hazy Lantern color palette (#EFF6FF, #96B7FF, #BF7C00, #2B51BA, #251400)
Browse the whole catalog at Explore, or see today's palette.