Petrol Terrace color palette — #F7ECE3 · #92BBB0 · #4A62AF · #004E59 · #2F2454

A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Cream (#F7ECE3): bright and airy, almost weightless.
• Ash (#92BBB0): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#4A62AF): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Teal (#004E59): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#2F2454): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Petrol Terrace 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

• Timeworn Petrol Drift color palette (#F8ECE5, #7EBEC5, #007394, #00523D, #002F55)
• Cobalt Balcony color palette (#DCEDED, #8BB8E3, #296BBA, #004763, #051335)
• Linen Cornflower Veranda color palette (#ECF0E5, #9CD1C3, #3C86E2, #00668C, #1A2C52)
• Cobalt Basin color palette (#FFF2EC, #98DAEB, #1189C0, #00685A, #1C3E73)
• Navy Grove color palette (#FDECE0, #6697AE, #004A88, #00302F, #0A0246)
• Airy Market color palette (#FAEAEF, #ADD9FF, #84A2ED, #008E9F, #2D2650)
• Tempered Balcony color palette (#FFE5DD, #E9B297, #C09E41, #8C3679, #37302D)
• Lagoon Atelier color palette (#EFE3DE, #418D95, #004357, #002318, #000A18)

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