Patina Cobalt color palette — #FCF2F5 · #C8DFF5 · #6D89C5 · #006F7A · #454268

Slate Blue and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF2F5): a clean, paper-quiet neutral.
• Powder Blue (#C8DFF5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#6D89C5): A luminous, balanced violet — the color of a velvet chair.
• Teal (#006F7A): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#454268): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Hushed Pine Grove color palette (#FBF2F8, #BEE4EF, #3C97AF, #0F744D, #304B61)
• Azure Alley color palette (#F0F3EB, #C1E6DA, #5B90CE, #00678B, #3A2239)
• Worn Denim Harbor color palette (#F5E7F1, #79A6BB, #005F85, #003F34, #001E46)
• Dusty Navy color palette (#EFE3E9, #58889D, #003E6D, #002221, #03002E)
• Weathered Petrol color palette (#FFF0FB, #7CC5CF, #00789E, #005844, #00345F)
• Soft Balcony color palette (#E3FCF5, #8AAC6F, #927BBE, #457500, #493768)
• Powder Workshop color palette (#FAF4ED, #BEEDF2, #A3BDF3, #5FA5AE, #5A3E4E)
• Mulberry Harbor color palette (#E0FCF8, #62985D, #8668BC, #944592, #0D413C)

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