Patina Harbor color palette — #F9DAD8 · #128FF9 · #009F60 · #002714 · #000202

Built around Azure, softened by Kelly Green — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F9DAD8): A whisper-light, dusty orange — the color of toasted spice.
• Azure (#128FF9): A luminous, vivid blue — the color of deep harbor water.
• Kelly Green (#009F60): A luminous, balanced teal — the color of glacier melt.
• Deep Forest (#002714): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged neon, dark, vibrant.

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

• Misty Iris Chapel color palette (#FFEBE2, #6E7EFF, #009C82, #002A2E, #000203)
• Ancient Dune color palette (#F6E4F2, #0098D8, #628100, #1F2B02, #000202)
• Misty Magenta Meadow color palette (#F5E9D0, #DF01F0, #0098A4, #00282D, #000203)
• Linen Violet color palette (#FDD6CD, #8C68FF, #898000, #131100, #000201)
• Soft Lapis color palette (#F2DDC9, #008984, #5C47E6, #001115, #000203)
• Sapphire Chapel color palette (#D8F6FA, #00B39A, #2666EF, #007867, #000108)
• Patina Cypress color palette (#E0EBEF, #A5B2C8, #8F97B9, #008286, #05171C)
• Byzantium Lagoon color palette (#D3E8ED, #009188, #9424A9, #7E3000, #010200)

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