Patina Ridge color palette — #ECF7FC · #D7D8E4 · #C2BACC · #398D9D · #323C41

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

The five colors

• Ivory (#ECF7FC): a clean, paper-quiet neutral.
• Silver (#D7D8E4): a clean, paper-quiet neutral.
• Ash (#C2BACC): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#398D9D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#323C41): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Softworn Iris color palette (#F2F5FF, #E3D5E2, #D3B6C3, #837DBB, #3C3F4B)
• Timeworn Terrace color palette (#EEF8F3, #CCDDDE, #A5B8B2, #166E88, #313E37)
• Patina Ash color palette (#B8F3EC, #93B7D8, #A787B1, #597668, #264E3C)
• Patina Lagoon color palette (#E9FAF1, #98C290, #24947C, #4A677D, #1D3C38)
• Tempered Boulevard color palette (#DFE7EC, #B7C6D9, #9DA2C4, #006B84, #12222A)
• Cobalt Corridor color palette (#D0E7FE, #0086D5, #383D5B, #162330, #060F13)
• Softworn Navy color palette (#DBDFE9, #A3A1BB, #8F7F99, #373986, #040817)
• Pale Indigo Garden color palette (#FFE7EE, #00B6C7, #6E6CBD, #724D1D, #173347)

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