Petrol Terrace color palette — #C1EBED · #007582 · #004A5C · #002639 · #0C0A28

Built around Teal, softened by Deep Teal — the whole palette hums with trust and stability.

The five colors

• Frost (#C1EBED): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007582): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004A5C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#002639): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0C0A28): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Timeworn Garden color palette (#D1ECD6, #008053, #004F40, #002724, #001019)
• Onyx Hollow color palette (#DEF0EA, #008988, #005E73, #00385F, #0A0040)
• Inked Cobalt Atelier color palette (#C7E3F8, #0076BF, #003B63, #001425, #000309)
• Cocoa Studio color palette (#DDF3E9, #00688B, #7A3400, #003144, #1E0800)
• Tempered Navy color palette (#DEF4FF, #0073AA, #003A74, #0A0071, #0C003B)
• Feathered Boulevard color palette (#C4E6FB, #76AAFA, #7D70B7, #004650, #001734)
• Washed Garnet color palette (#D3E1EA, #005378, #780041, #2E3400, #000911)
• Navy Coast color palette (#D3EBEF, #00A1C4, #006A93, #004A77, #33216C)

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