Patina Azure color palette — #FEF1F8 · #C3EDFF · #3A98E4 · #006A65 · #121C3C

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

The five colors

• Ivory (#FEF1F8): a clean, paper-quiet neutral.
• Frost (#C3EDFF): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#3A98E4): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006A65): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#121C3C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Washed Cerulean Bloom color palette (#FDF1F9, #ADF5F2, #00A3BD, #006E3F, #002133)
• Periwinkle Chapel color palette (#FEF1F6, #D8D3DF, #7AA8EA, #007E83, #222D4B)
• Pale Indigo Alley color palette (#FFF1F5, #A1D1FD, #476CEF, #00505A, #0F002E)
• Petrol Harbor color palette (#F3EEE4, #7DBBD4, #1A6F9F, #004F53, #0C2E55)
• Dusty Pine Courtyard color palette (#FCF2F8, #CBDDF5, #00C3E1, #008D53, #003A54)
• Peony Harbor color palette (#F9F2FF, #F56ABB, #008659, #007A7C, #1E0012)
• Pale Ultramarine Courtyard color palette (#FBE8EF, #73A9D1, #1447BC, #002B2F, #010009)
• Hushed Petrol Chapel color palette (#F8E9F4, #7CC4D0, #007197, #003F31, #000209)

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