Petrol Terrace color palette — #DEF5EB · #006E95 · #321B32 · #01100A · #000301

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

The five colors

• Honeydew (#DEF5EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#006E95): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#321B32): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#01100A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Charred Petrol Ridge color palette (#D0EAD9, #007183, #042C22, #041008, #010301)
• Timeworn Cobalt Parlor color palette (#EDDFED, #2075CF, #3F2938, #1C111D, #030706)
• Softworn Cerulean Pier color palette (#E2FCF0, #0097C6, #462B3E, #03130C, #000200)
• Denim Bloom color palette (#C0E9DC, #004871, #03092D, #040D0D, #000201)
• Ancient Iris color palette (#F7E1F3, #6289F8, #987700, #375097, #251B00)
• Indigo Bloom color palette (#F1D5E9, #5D6CE5, #B4452D, #276A42, #200B1B)
• Patina Bloom color palette (#F6F1EA, #95D4DA, #1B89A3, #005D4F, #01281C)
• Antique Pine color palette (#F5F2E2, #84AE70, #247647, #364E30, #1E1E03)

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