Patina Coast color palette — #ECF9EF · #9FEBE7 · #00B0BF · #0F8662 · #004759

Built around Cyan, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF9EF): a clean, paper-quiet neutral.
• Sea Foam (#9FEBE7): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00B0BF): A luminous, balanced blue — the color of deep harbor water.
• Fern (#0F8662): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004759): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Hushed Thicket color palette (#EEF8F0, #A4E6FF, #1CA6EB, #008285, #234164)
• Quiet Glacier color palette (#EAFAED, #47E4E7, #009DB3, #00755D, #00394B)
• Emerald Ridge color palette (#FDF3ED, #CEEFCC, #00CCEA, #00AC64, #004563)
• Dusty Sky Station color palette (#F0F7F1, #D4E0F0, #7ABCD4, #5B909A, #405567)
• Ancient Cerulean color palette (#E1F3E4, #3BA0BB, #006085, #003B3B, #000A18)
• Feathered Cobalt color palette (#E7F1E9, #57C0E4, #007DB6, #00595C, #001F42)
• Patina Magenta Boulevard color palette (#FBE1FF, #E643FE, #B78500, #008E97, #402444)
• Muted Lime color palette (#D2FAE4, #ADBF5D, #938927, #7A5B09, #133D36)

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