Patina Azure Alley color palette — #FFF0FA · #B7F0FF · #3A9CD2 · #006B5D · #041C43

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Frost (#B7F0FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3A9CD2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006B5D): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#041C43): A deep, shadowed, balanced blue — the color of open sky before noon.

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

Use it as a design system

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

• Timeworn Iris color palette (#EDF9EC, #D9DEFB, #6D8CEA, #006876, #1F173B)
• Periwinkle Quarry color palette (#FEF1F7, #D5D4E2, #6AACE8, #2B7D78, #212C4E)
• Linen Corridor color palette (#FFF1F6, #92D5FF, #497AC4, #005155, #0A0132)
• Petrol Studio color palette (#F3E6DF, #9BBDA8, #2570A9, #004D3A, #0C0E3B)
• Ancient Cabin color palette (#F6E6ED, #63ACD1, #0054A0, #002B2C, #01000A)
• Ember Study color palette (#FFF2ED, #ED5E02, #0091AC, #0074A2, #1C0500)
• Tangerine Garden color palette (#FFF0F9, #FF8244, #00A4B7, #A24100, #001D21)
• Hushed Aqua color palette (#F9E8F4, #57CBD0, #00738D, #00402A, #000307)

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