Petrol Loft color palette — #EFE6ED · #79C1CB · #0874A1 · #004E30 · #041239
Built around Slate, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Blush (#EFE6ED): bright and airy, almost weightless.
- Mint Leaf (#79C1CB): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#0874A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004E30): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#041239): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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 Villa color palette (#E9F1EB, #92B8C7, #007390, #005048, #00324B)
- Denim Balcony color palette (#ECDAE2, #6DA5BE, #27579A, #003A33, #0B002C)
- Quiet Cobalt Studio color palette (#FCEDF3, #9FD8FB, #5D80CD, #00625E, #281A49)
- Hushed Summit color palette (#FBF4EA, #ADF3FE, #00A1C8, #006B60, #002134)
- Cypress Delta color palette (#F7EFF4, #D4D2E8, #79A1C0, #447762, #2A364C)
- Dusty Bloom color palette (#F6ECF7, #459A95, #005264, #032E04, #00040D)
- Feathered Byzantium color palette (#D3E4E5, #00966C, #8D4BA1, #00543B, #21002A)
- Antique Fern color palette (#C3F1EC, #88D3CC, #71A3D4, #636300, #001F22)
Browse the whole catalog at Explore, or see today's palette.