Patina Harbor color palette — #F7F9D0 · #00A196 · #006D79 · #3A358E · #003E3E

Indigo and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F7F9D0): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#00A196): A luminous, balanced teal — the color of glacier melt.
• Teal (#006D79): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#3A358E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Teal (#003E3E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged retro, cool.

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

• Wandering Summit color palette (#F0FBD3, #009BBD, #00669C, #5D2A74, #003B4F)
• Emerald Coast color palette (#F0FCCB, #00A853, #00715B, #004976, #064028)
• Softworn Coast color palette (#DEE2BF, #00888B, #005669, #352368, #002A2E)
• Timeworn Bloom color palette (#E9FCE3, #009183, #006189, #4F3D00, #033C07)
• Hushed Grove color palette (#F3F7E8, #A1D7F1, #2088BE, #006475, #08436B)
• Onyx Boulevard color palette (#DBF1E1, #00718C, #004067, #3A004D, #001925)
• Seafoam Orchard color palette (#E0FFDF, #00E6C2, #00CAC8, #00879E, #003B3D)
• Linen Jade color palette (#FFEEE5, #2AAA6D, #006D80, #6F1E00, #00221C)

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