Petrol Terrace color palette — #DFEBE5 · #CCC0CA · #C296A7 · #006A8A · #16221D

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

The five colors

• Parchment (#DFEBE5): bright and airy, almost weightless.
• Stone (#CCC0CA): soft and architectural.
• Mauve (#C296A7): A luminous, dusty rose — the color of strawberry cream.
• Peacock (#006A8A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#16221D): 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

• Muted Harbor color palette (#E1F0EB, #CFBEC4, #C5A0AA, #3887BC, #0C241E)
• Ultramarine Cabin color palette (#F4EEF2, #D5BDC3, #BF9A97, #4E54AF, #2A1925)
• Softworn Petrol Delta color palette (#EDF7FD, #D8D7E7, #B5BACF, #006890, #010E19)
• Denim Lagoon color palette (#D4E1EB, #AABBCF, #818EAB, #004A6C, #14212B)
• Washed Sapphire color palette (#FAF2F9, #F2D5E1, #DDACCF, #286EEC, #3C2D3B)
• Jade Corridor color palette (#E5E3D4, #48A873, #006F6B, #1C4772, #171E00)
• Wandering Nightshade Villa color palette (#E6DEE3, #B39FA2, #A27B76, #402D96, #12040D)
• Softworn Pewter color palette (#C9F3F5, #7196C3, #865F8E, #3F5125, #223301)

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