Petrol Terrace color palette — #E6F3E8 · #66AEB5 · #00819C · #005F51 · #000B13

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E6F3E8): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#66AEB5): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#00819C): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005F51): A full-bodied, dusty teal — the color of sea glass.
• Ink (#000B13): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Aged Study color palette (#E1ECE3, #6AA9CF, #2A77C1, #005B68, #01002F)
• Softworn Denim color palette (#F1E5EF, #5D9FA4, #006181, #003E1F, #00081F)
• Weathered Olive color palette (#DDF2E4, #55B4C5, #4493CC, #557900, #00150F)
• Weathered Lagoon color palette (#F4EEE5, #43848B, #004352, #00201A, #000103)
• Weathered Emerald Balcony color palette (#E4F3EB, #00A26D, #00754E, #004227, #000201)
• Soft Iris color palette (#E6F4E8, #A1C4E6, #638FE7, #007996, #181845)
• Wandering Periwinkle color palette (#E7F2E9, #A8DCF2, #50ADEC, #009097, #122E52)
• Mulberry Alley color palette (#D7ECEA, #2BAC4E, #962988, #006625, #10000E)

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