Petrol Loft color palette — #E5F0F3 · #839EAD · #5A738D · #003230 · #000C0F
A conversation between Slate and Deep Forest, giving this palette its sense of sophistication.
The five colors
- Cream (#E5F0F3): bright and airy, almost weightless.
- Blue Fog (#839EAD): A luminous, dusty blue — the color of open sky before noon.
- Slate (#5A738D): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Forest (#003230): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000C0F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Sophistication. Tagged scandi, muted, 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
- Navy Drift color palette (#D8DFE8, #A3A9BC, #7E7B97, #003475, #0A1421)
- Abyss Workshop color palette (#DBE3DA, #95ABA0, #91808F, #00504C, #030C03)
- Worn Lantern color palette (#E5F1F6, #BBCFE1, #96A1B5, #00606E, #233036)
- Hushed Petrol color palette (#BCE9E3, #007094, #33335A, #251900, #070A00)
- Twilit Lantern color palette (#CCECF8, #5E5851, #003441, #191720, #000312)
- Gentle Nightshade color palette (#D7EEFB, #009C6A, #006F8A, #28269F, #000204)
- Twilit Garden color palette (#D1E6D7, #546600, #00350D, #001B1B, #000805)
- Onyx Courtyard color palette (#FDDCD1, #005655, #002447, #1E0400, #000406)
Browse the whole catalog at Explore, or see today's palette.