Patina Petrol Terrace color palette — #F8EBE5 · #84C4C1 · #007486 · #004122 · #000306

Built around Teal, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Cream (#F8EBE5): bright and airy, almost weightless.
• Mint Leaf (#84C4C1): A luminous, dusty teal — the color of sea glass.
• Teal (#007486): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004122): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#000306): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Patina 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

• Worn Petrol color palette (#F7ECE3, #84C0E0, #2267B5, #003E3E, #010014)
• Antique Cerulean color palette (#FFF2ED, #87DBE9, #0085B1, #005342, #000D20)
• Worn Field color palette (#E3F2EF, #6FC0BB, #00959A, #006F5D, #00181B)
• Worn Bloom color palette (#EFDCDB, #C10031, #006665, #004C54, #040000)
• Muted Villa color palette (#E2E3D1, #479996, #005458, #002C25, #000507)
• Dusty Chapel color palette (#FCF3EF, #BAECF4, #67B2C9, #23815A, #00382B)
• Crimson Market color palette (#FFDFD7, #D14461, #00767B, #730027, #000202)
• Iris Station color palette (#FBF4EC, #BDF3E3, #6F8EDF, #006874, #1F1345)

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