Patina Harbor color palette — #E7F1E3 · #009886 · #2C4137 · #1A2017 · #0C0D08

Built around Fern, softened by Forest — the whole palette hums with sophistication.

The five colors

• Cream (#E7F1E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#009886): A luminous, balanced teal — the color of sea glass.
• Forest (#2C4137): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#1A2017): a grounded near-black with real depth.
• Ink (#0C0D08): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Patina Cerulean color palette (#DFF3E9, #008FBB, #463541, #16211C, #0A0E09)
• Wandering Moss color palette (#EFEFDB, #5C9521, #343F2F, #1F1F16, #0E0C08)
• Wandering Teal color palette (#E2F6FA, #4BAF9F, #475B66, #293C3F, #1C2323)
• Lowlit Cypress color palette (#E7F3E9, #007A82, #062B4B, #021506, #020400)
• Worn Turquoise Harbor color palette (#E1F9E9, #2EADC6, #B97E52, #996D4D, #1C2B22)
• Worn Aqua color palette (#E7F7EB, #43C7DD, #C68D73, #177F8F, #36302B)
• Patina Chestnut Corridor color palette (#F4F2E9, #BDC9A1, #518F8B, #6F6112, #2B3600)
• Spruce Terrace color palette (#C6E6E4, #4E5059, #00312F, #071719, #000206)

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