Patina Drift color palette — #FCF1F9 · #A0CDE1 · #3F7FAA · #186147 · #2D395B

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF1F9): bright and airy, almost weightless.
• Sky (#A0CDE1): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#3F7FAA): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#186147): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#2D395B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Powdered Aqua color palette (#FFF0FE, #21D0D5, #00799C, #005A27, #003167)
• Ancient Study color palette (#FCF2F6, #BBE2FF, #6E8ABF, #2A6F68, #404660)
• Cerulean Summit color palette (#F1F3E7, #B3D0BC, #3B879F, #005B5E, #002433)
• Sapphire Thicket color palette (#FAE9EF, #78B9E7, #4560BA, #00504E, #31264A)
• Washed Cabin color palette (#F0DBE8, #2F8DA6, #003F6B, #00231A, #05002C)
• Weathered Terrace color palette (#FBF3F0, #CBE9D5, #59BDF4, #00A28B, #213B5F)
• Antique Cabin color palette (#D3FFFE, #92EDEB, #90B0DE, #6D6D36, #22494F)
• Worn Harbor color palette (#E3E1C9, #74AC2A, #00853F, #00584B, #0F3C52)

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