Petrol Terrace color palette — #EFF7F5 · #E6D6D8 · #C3ACB4 · #336894 · #333D3A

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

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#E6D6D8): bright and airy, almost weightless.
• Rosewood Mist (#C3ACB4): A luminous, dusty rose — the color of strawberry cream.
• Peacock (#336894): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#333D3A): quiet, heavy and certain.

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

• Dusty Cerulean Meadow color palette (#F9F3F9, #E5D5D8, #D0B7BB, #5E83AF, #413741)
• Petrol Canyon color palette (#EDF2F9, #D6D4E5, #B0B7C7, #3D6697, #1B2128)
• Antique Nightshade color palette (#FDF1F7, #EAC8D0, #C994B0, #5A47A6, #3F2C36)
• Driftwood Ridge color palette (#FAF3F6, #E1D8D5, #AAAF9F, #9E7385, #575053)
• Fern Meadow color palette (#C6E9DD, #BB99B0, #8C648A, #5A5A08, #304531)
• Antique Corridor color palette (#FDF4E9, #A39D6B, #516D27, #42486D, #38352E)
• Hushed Navy Coast color palette (#E6E1E6, #C8B2BE, #A4848C, #0F4283, #271A27)
• Moonless Lapis color palette (#EFE0EA, #4D50C5, #3B1925, #1E0C19, #030A0B)

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