Petrol Terrace color palette — #D2E3E0 · #54B0BC · #008298 · #005D5B · #000B11

A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.

The five colors

• Silver (#D2E3E0): bright and airy, almost weightless.
• Cyan (#54B0BC): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#008298): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005D5B): A full-bodied, dusty teal — the color of shallow lagoons.
• Ink (#000B11): 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

• Gentle Cobalt color palette (#D4E4E3, #5CA9DC, #0078C8, #005973, #00081D)
• Hushed Canyon color palette (#ECDFE9, #16A5B3, #00617F, #003D2E, #000A18)
• Ancient Teal Lantern color palette (#D1E8E2, #60D6CE, #00A6AB, #007F6A, #002529)
• Ancient Abyss Harbor color palette (#F5E8F3, #538091, #00415C, #002111, #00000A)
• Timeworn Sky color palette (#E2F3F1, #97DEFF, #51AFE4, #008DA5, #003051)
• Aged Terracotta Chapel color palette (#E5E0C3, #7F6F00, #007957, #9E270B, #020200)
• Feathered Moss Chapel color palette (#DBF6E8, #9DB455, #6DA657, #82691A, #0D0F00)
• Ancient Station color palette (#EEF8F6, #CAE1FA, #6DCEDF, #61A6A0, #2A4D5D)

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