Patina Harbor color palette — #FCF3EF · #DEDBD0 · #ACB3A9 · #908E98 · #58514E

Built around Ash, softened by Bone — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Bone (#DEDBD0): bright and airy, almost weightless.
• Ash (#ACB3A9): soft and architectural.
• Heather (#908E98): soft and architectural.
• Charcoal Brown (#58514E): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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 Field color palette (#FBF4E9, #E9DDB9, #BBB792, #AB948D, #5E4B00)
• Softworn Boulevard color palette (#FAF4EE, #DBDBD1, #A9B5AC, #636370, #57514B)
• Chestnut Balcony color palette (#ECE2DC, #A7A28A, #898A74, #914E2F, #110602)
• Worn Driftwood Workshop color palette (#F6F0F4, #DED4D4, #B6ABA4, #AB7262, #3B3339)
• Dusty Sand Parlor color palette (#FFF2EA, #FCB48F, #93B57E, #5990A1, #573743)
• Olive Cabin color palette (#E2DFD4, #A8B4A4, #82A488, #757700, #171408)
• Moss Lagoon color palette (#F7F6EA, #CDE2CC, #A9CAB4, #8AA535, #34332C)
• Softworn Marigold Balcony color palette (#FBF0E5, #FC9D3D, #997532, #5B534B, #26201C)

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