Patina Harbor color palette — #FAF6DF · #51BA80 · #006E6B · #213D5C · #000B04

Jade takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FAF6DF): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#51BA80): A luminous, balanced teal — the color of sea glass.
• Teal (#006E6B): A full-bodied, balanced teal — the color of sea glass.
• Navy (#213D5C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000B04): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Forest Villa color palette (#FFF3E2, #95AD59, #007243, #004351, #090800)
• Weathered Summit color palette (#CEECEC, #61BAA1, #009384, #277074, #002119)
• Lagoon Villa color palette (#D7E9E4, #4F886A, #00504A, #003348, #002112)
• Mustard Courtyard color palette (#FFF3E7, #CABD66, #5C8345, #4F4C71, #201700)
• Timeworn Ridge color palette (#F0E5CC, #448F21, #004738, #330622, #010100)
• Worn Bloom color palette (#F2DDC8, #9D9000, #255C00, #3C1A48, #010100)
• Powdered Cornflower color palette (#FFF3E8, #97D5F7, #3B75DD, #00524B, #0E0329)
• Patina Teal color palette (#FDF6D7, #A0EEAF, #00A89A, #885C6B, #2E2F28)

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