Petrol Terrace color palette — #EFF6FB · #D7D8E5 · #AAB4C7 · #276C8B · #333C42

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

The five colors

• Ivory (#EFF6FB): bright and airy, almost weightless.
• Silver (#D7D8E5): bright and airy, almost weightless.
• Ash (#AAB4C7): A luminous, dusty violet — the color of wild irises.
• Peacock (#276C8B): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#333C42): a grounded near-black with real depth.

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

• Cerulean Corridor color palette (#F0F7F3, #E1D8DA, #CFBAB8, #058DB5, #2D3F37)
• Pewter Orchard color palette (#F4F4FF, #E4D4E2, #C3B6CE, #7C5799, #3E3E4F)
• Worn Ultramarine color palette (#F1F5FF, #CED1E3, #A5A1C7, #454BB2, #28324A)
• Muted Driftwood Courtyard color palette (#F3F5FC, #DCD8DF, #B8A7A5, #7780A0, #50525B)
• Washed Denim color palette (#E2EBF2, #AFBACA, #838DAA, #004972, #13212D)
• Cypress Harbor color palette (#EAF9F7, #6FA98F, #007366, #0E5461, #143C3E)
• Weathered Aubergine color palette (#E2E3EB, #9998A7, #766A87, #351061, #070813)
• Velvet Station color palette (#D6DFEB, #1C5CC4, #1D243F, #081424, #03040B)

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