Patina Coast color palette — #FCF4E7 · #A1D1F7 · #3C89F8 · #006F85 · #21296E

A conversation between Azure and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Sky (#A1D1F7): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#3C89F8): A luminous, vivid blue — the color of deep harbor water.
• Teal (#006F85): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#21296E): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Periwinkle Summit color palette (#ECF9EE, #D9DEF2, #5399FF, #006F85, #171C54)
• Cerulean Grove color palette (#FFF4E2, #74DCF4, #0099CA, #00736E, #003659)
• Worn Petrol color palette (#FBF4EA, #BADED0, #6D98CB, #10798A, #4D2E48)
• Washed Cobalt color palette (#F6ECDD, #8DB5DE, #5072BB, #00566D, #18144D)
• Aged Periwinkle color palette (#FFF1F6, #B7DFFF, #8AA5FF, #009797, #3A255B)
• Tempered Atelier color palette (#ECE3D4, #48A1AB, #006278, #003C34, #000B13)
• Faded Magenta Atelier color palette (#EBDEF2, #C04AF2, #AD7300, #007F7E, #350D46)
• Patina Lagoon color palette (#F9F4EE, #BFE9DF, #5CB3C7, #338C77, #2C5042)

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