Petrol Loft color palette — #F1E8D9 · #74C0D7 · #0074A1 · #004B4B · #00172D
Built around Slate, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Parchment (#F1E8D9): A whisper-light, dusty gold — the color of old brass.
- Sky (#74C0D7): A luminous, balanced blue — the color of open sky before noon.
- Slate (#0074A1): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B4B): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#00172D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Worn Petrol color palette (#F5EBF1, #8BB9D0, #006FA3, #005147, #102B5C)
- Timeworn Summit color palette (#F6F1EA, #97D1ED, #3B81B9, #005A62, #2D182C)
- Frosted Denim Pier color palette (#E8E1D6, #62A4D2, #0055AD, #003843, #03032B)
- Hushed Navy color palette (#E6DDCF, #3F80A5, #003C6F, #001E24, #00000D)
- Wandering Pier color palette (#F6F1EA, #BDEDEC, #70A3C7, #397679, #3F303F)
- Weathered Azure Lantern color palette (#FFF2EB, #BAF0FF, #4598DC, #006C54, #151941)
- Pale Chapel color palette (#F3EBCF, #707000, #00678A, #821B57, #0C0C00)
- Lapis Loft color palette (#F5EACC, #8D8100, #5F54D0, #4F4800, #0F0834)
Browse the whole catalog at Explore, or see today's palette.