Petrol Terrace color palette — #EFF7FA · #D1DBEB · #A2C1D6 · #007884 · #2C444D

Teal and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7FA): bright and airy, almost weightless.
• Silver (#D1DBEB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Ash (#A2C1D6): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007884): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#2C444D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Cypress Balcony color palette (#E7F4F9, #CFD7E9, #ACC1DB, #007A7D, #1A272B)
• Lagoon Balcony color palette (#F0F7F0, #C5E3E2, #D9C7D9, #1E989C, #364437)
• Driftwood Lagoon color palette (#F3F5FB, #DCD8E0, #BAA7A7, #7481A6, #505259)
• Muted Ridge color palette (#E8EFF5, #AEBAC7, #7990B0, #004A6E, #15212A)
• Cobalt Orchard color palette (#EAF7FF, #03E3F5, #17C2F5, #007DC9, #003A4F)
• Worn Teal color palette (#EBF8FC, #D5D9E6, #B5A6AB, #00BBBD, #314348)
• Ultramarine Cabin color palette (#F0F5FF, #CCD2E3, #9DA4C8, #3C4DB5, #273349)
• Hushed Balcony color palette (#E1F1FF, #8DB4EE, #777CB4, #804A6E, #6A404B)

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