Petrol Loft color palette — #EDF4EE · #C2E0FA · #7090B8 · #196979 · #1C2B49

A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Powder Blue (#C2E0FA): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#7090B8): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#196979): A full-bodied, dusty blue — the color of deep harbor water.
• Midnight (#1C2B49): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Cypress Terrace color palette (#F9F4EF, #C4E5D9, #7588BD, #00716F, #4C4067)
• Denim Corridor color palette (#E5F3E8, #6CA7B1, #00627B, #003A34, #000C17)
• Softworn Cerulean color palette (#EDF4EE, #AACED9, #148B9D, #005D4A, #002532)
• Abyss Basin color palette (#DEE8E0, #418299, #004060, #001F20, #000105)
• Wandering Studio color palette (#FBF2F6, #D8D4DE, #A7BAE8, #3E918E, #393D58)
• Softworn Driftwood Courtyard color palette (#DBF8FE, #5DB6AA, #BD7581, #00756A, #411720)
• Hazy Lagoon Balcony color palette (#C2EDC8, #64C09A, #009380, #005A58, #003134)
• Petrol Boulevard color palette (#E1EDE3, #8CB8E1, #466AA8, #00495A, #0E0D3C)

Browse the whole catalog at Explore, or see today's palette.