Petrol Terrace color palette — #D3E4E2 · #6EACC2 · #007096 · #004952 · #001625

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

The five colors

• Silver (#D3E4E2): bright and airy, almost weightless.
• Cyan (#6EACC2): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#007096): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004952): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001625): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Weathered Teal color palette (#D9E9E6, #47A3A3, #00646C, #003C35, #000C0F)
• Cobalt Ridge color palette (#E0EEEE, #89B8D9, #1B79C1, #00556E, #001E46)
• Worn Corridor color palette (#EDF0E4, #62C5E7, #007198, #003D45, #000307)
• Aged Onyx Ridge color palette (#F0E3EB, #5C99AF, #004D7C, #00302C, #020743)
• Cerulean Pier color palette (#DFF4F1, #8DD0E3, #0094BC, #006B73, #003248)
• Turquoise Veranda color palette (#E8FAF6, #9BEAF4, #17ADC8, #008380, #00475A)
• Softworn Cocoa color palette (#F8DDCC, #A86F36, #7E3F00, #531E00, #130900)
• Mulberry Pier color palette (#EDDDF4, #E499A3, #D07162, #892A67, #360817)

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