Patina Harbor color palette — #FFF1F3 · #FAD3A6 · #89B176 · #885F89 · #5D345F

Built around Sage, softened by Mulberry — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Peach Cream (#FAD3A6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#89B176): A luminous, balanced green — the color of new leaves after rain.
• Slate (#885F89): A full-bodied, balanced pink — the color of a candy shop window.
• Mulberry (#5D345F): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged vintage, retro, 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

• Softworn Pewter color palette (#FFF2F0, #F2CCB1, #ACB474, #955F9B, #662822)
• Marigold Cabin color palette (#FFE6E1, #CEA54D, #448F6E, #545A7C, #59395A)
• Washed Basin color palette (#FFF2EF, #D6AF96, #8B925B, #78406A, #4B232D)
• Cocoa Balcony color palette (#FFF2EB, #DAE2BF, #AFB994, #9F7567, #783C1D)
• Ancient Canyon color palette (#FFE5C5, #D5D086, #92C282, #5D93C8, #45416B)
• Teal Grove color palette (#FCF5E1, #C0E5B9, #00AA8D, #8B5487, #193614)
• Timeworn Garnet Loft color palette (#FFD9CB, #BBA175, #5C7C5A, #6A2E45, #31090D)
• Washed Corridor color palette (#FFF1F6, #FDD0CC, #CC999E, #0076A6, #4A3465)

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