Patina Harbor color palette — #FCF4E7 · #D7C28F · #96B1E5 · #A6883A · #5D435A

Built around Caramel, softened by Sky — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Sand (#D7C28F): A luminous, dusty gold — the color of old brass.
• Sky (#96B1E5): A luminous, balanced violet — the color of a velvet chair.
• Caramel (#A6883A): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#5D435A): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Optimism, Creativity, Sophistication. Tagged light, 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

• Wandering Driftwood color palette (#F6F7E7, #B1CFA4, #C0A4D6, #769866, #66404D)
• Washed Amber color palette (#FEF3E9, #E8B999, #88B7DD, #B87D52, #2F564B)
• Patina Veranda color palette (#FDF4E7, #C5AC7C, #8695CE, #916B00, #614159)
• Patina Marigold Thicket color palette (#EBF9EF, #EBD293, #AEC6FF, #C2A558, #3D4E69)
• Aged Mustard color palette (#FEF4E1, #C4B16A, #6BB1C2, #B47DA8, #45423B)
• Patina Chestnut Canyon color palette (#FCF4E5, #BEE4CF, #BCBFCA, #B4997C, #625000)
• Dusty Bronze Ridge color palette (#FEF4E4, #D5CAAD, #AC987A, #996930, #544700)
• Fern Chapel color palette (#F6F6EB, #E4CEAA, #71855D, #544F00, #2D2C20)

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