Petrol Terrace color palette — #F3EDE4 · #70C8C4 · #007580 · #00402E · #000305

Teal and Aqua set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F3EDE4): bright and airy, almost weightless.
• Aqua (#70C8C4): A luminous, balanced teal — the color of glacier melt.
• Teal (#007580): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00402E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000305): a grounded near-black with real depth.

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

• Tempered Petrol color palette (#F5EDE1, #7FC0E4, #006AB4, #003D44, #000114)
• Antique Orchard color palette (#FCF4E8, #93D9E5, #0087AA, #00524A, #000E1A)
• Chalky Periwinkle color palette (#DBF9DF, #83DBFF, #5E9EFF, #00695A, #000507)
• Aged Lagoon Station color palette (#CEE8DB, #009D80, #005D5A, #002D30, #000406)
• Powdered Pier color palette (#CDEAEC, #00757D, #8C009C, #573E00, #000102)
• Feathered Courtyard color palette (#E0F4E0, #009092, #C00041, #004546, #040000)
• Antique Pine color palette (#F3DED8, #15C9C3, #0092B0, #1C7220, #001529)
• Muted Workshop color palette (#FFF4E2, #C2FAFF, #00ABCC, #007463, #00293A)

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