Petrol Terrace color palette — #E1EDEB · #54B1B3 · #00848F · #005E55 · #000C0F
Built around Teal, softened by Turquoise — the whole palette hums with trust and stability.
The five colors
- Cream (#E1EDEB): a clean, paper-quiet neutral.
- Turquoise (#54B1B3): A luminous, balanced teal — the color of glacier melt.
- Teal (#00848F): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005E55): A full-bodied, dusty teal — the color of sea glass.
- Ink (#000C0F): 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
- Antique Dune color palette (#DBF4FA, #80A3D3, #7C87E2, #007377, #001117)
- Denim Lagoon color palette (#EADAE5, #59A0A0, #006376, #003E25, #000A15)
- Cobalt Ridge color palette (#D1E4E3, #64A9D5, #0079C4, #005A72, #00091B)
- Muted Byzantium Delta color palette (#D3F2FF, #008E9E, #9616EE, #00606B, #0B0018)
- Abyss Field color palette (#E8DAE8, #448585, #004255, #002108, #000105)
- Grape Lantern color palette (#CFECFC, #007B97, #6916FB, #006A3A, #000203)
- Azure Summit color palette (#E2F2F2, #97C6E9, #1696F6, #00789A, #001D47)
- Faded Drift color palette (#E2F3F0, #AEDBF2, #00B5E6, #008F9A, #003249)
Browse the whole catalog at Explore, or see today's palette.