Petrol Terrace color palette — #EFF6FC · #D9D7E4 · #B0B1C9 · #006E90 · #343C41

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

The five colors

• Ivory (#EFF6FC): a clean, paper-quiet neutral.
• Silver (#D9D7E4): bright and airy, almost weightless.
• Ash (#B0B1C9): A luminous, dusty violet — the color of wild irises.
• Peacock (#006E90): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#343C41): 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

• Wandering Cerulean color palette (#EFF6FC, #D8D8E9, #C0BCCC, #5687A5, #313C45)
• Worn Petrol color palette (#EBF4F1, #E8D3D9, #C1B2BC, #396B88, #18231F)
• Dusty Indigo color palette (#F3F4FF, #E2D5DE, #D1B0CE, #7A56A2, #3D3E4D)
• Antique Ultramarine Summit color palette (#F0F5FF, #D0D0E9, #B19EC0, #3D46C1, #2C3341)
• Aged Thicket color palette (#BAECFC, #81A5CF, #916896, #2C5F55, #08464F)
• Dusty Denim color palette (#DADFE4, #B0B9CC, #8D8AA7, #00496F, #10212F)
• Hushed Cypress Lagoon color palette (#E6FBF3, #78A888, #00726D, #2C4D6F, #103D3C)
• Worn Aubergine color palette (#EEEDF6, #D2C7D9, #AF99A9, #6C407B, #2D2C39)

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