Petrol Terrace color palette — #CCF3F2 · #007E89 · #004959 · #002435 · #090A22

Teal takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#CCF3F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#007E89): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004959): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#002435): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#090A22): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Velvet Petrol Studio color palette (#D9F0FF, #0074AE, #003A5F, #001220, #000309)
• Patina Pine color palette (#E7F5E7, #00824B, #004F3C, #002521, #000E16)
• Timeworn Onyx Coast color palette (#CFE5DD, #008D92, #006076, #00375A, #060145)
• Cocoa Quarry color palette (#CBEFDD, #006988, #7E2F00, #003242, #200700)
• Dusty Garnet color palette (#D7F0FF, #005375, #770046, #303400, #000910)
• Feathered Cerulean Pier color palette (#C9F1F5, #009FBF, #007296, #004572, #2E1D63)
• Violet Coast color palette (#C4E4F9, #79AAFF, #8265F5, #00434D, #001630)
• Olive Bloom color palette (#F8E6CB, #766800, #493500, #2B1600, #0B0D00)

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