Petrol Loft color palette — #FFEEE5 · #5CB082 · #0074A1 · #703021 · #192716
A conversation between Slate and Jade, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFEEE5): A whisper-light, dusty orange — the color of sun-warmed clay.
- Jade (#5CB082): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#0074A1): A full-bodied, balanced blue — the color of deep harbor water.
- Rust (#703021): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Onyx (#192716): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro, 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
- Dusty Alley color palette (#FAF0E4, #61BEB4, #5978B2, #6D4A16, #203126)
- Timeworn Field color palette (#FFF4E2, #00AFA1, #1F7490, #6C3D50, #2D4330)
- Taupe Station color palette (#FFEDE8, #9DA351, #007C75, #6B2C53, #232410)
- Muted Lantern color palette (#F4F2E5, #84974C, #5756B5, #573B00, #271D00)
- Washed Denim Workshop color palette (#FFE9DA, #009481, #0050A0, #4C2500, #001619)
- Quiet Mint color palette (#FFF0FD, #46CC9F, #498DBF, #8D4F4A, #20434C)
- Hazy Alley color palette (#FEF1D3, #00A4B3, #5841D3, #493E00, #001F2F)
- Smoked Lagoon color palette (#D4E3D6, #00858D, #3E2741, #091A0D, #050702)
Browse the whole catalog at Explore, or see today's palette.