Petrol Loft color palette — #DCEDEB · #64C1E2 · #00759F · #004A54 · #001829
Built around Slate, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Frost (#DCEDEB): bright and airy, almost weightless.
- Cyan (#64C1E2): A luminous, balanced blue — the color of open sky before noon.
- Slate (#00759F): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004A54): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001829): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Petrol Thicket color palette (#F5EDE2, #7CBCD3, #0070A2, #004F51, #072E56)
- Denim Grove color palette (#D1E7E7, #6AA2D4, #0056A9, #00364C, #00042E)
- Softworn Lagoon Study color palette (#E6F6F2, #79E5E0, #00959B, #006455, #002B31)
- Timeworn Quarry color palette (#FFF0F9, #C0EEFF, #3D99DC, #006B63, #0E1C3F)
- Cerulean Loft color palette (#DCF4F0, #319AA7, #005362, #002C2B, #000508)
- Weathered Wisteria color palette (#EBEDFF, #E4BDF6, #D08CC2, #5E598D, #16152F)
- Aged Amethyst color palette (#EFEAFA, #813BD4, #A91950, #005373, #070621)
- Worn Canyon color palette (#D5E0F9, #5F73FB, #4739C2, #31206F, #1B0D3A)
Browse the whole catalog at Explore, or see today's palette.