Petrol Terrace color palette — #F4F6ED · #BDDDCD · #5F9EC0 · #007A8A · #133E5B

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F6ED): bright and airy, almost weightless.
• Silver (#BDDDCD): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#5F9EC0): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007A8A): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#133E5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Periwinkle Grove color palette (#F2F8E8, #BAE0FF, #5B9FE8, #007CA4, #1C3E75)
• Frosted Cerulean Chapel color palette (#F5F7E7, #6CDEF0, #009CBA, #007273, #00394B)
• Tempered Petrol Parlor color palette (#E8E9D7, #66B0B2, #00747F, #004B44, #00171D)
• Softworn Ridge color palette (#FDF3ED, #AFCDBE, #487DAD, #00605C, #2B3862)
• Muted Sky Garden color palette (#FAF3F6, #C1E6FC, #6CB9F9, #279F96, #2B395D)
• Cobalt Station color palette (#E9EDDD, #81B9DB, #257BB6, #00566B, #001F40)
• Hushed Corridor color palette (#E0E6F3, #8EA1F8, #6F71CE, #6056A3, #3F2F62)
• Patina Rose Dune color palette (#FFD8E8, #A281DA, #CA637D, #1A81AF, #411E2E)

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