Patina Cobalt color palette — #FFF3E8 · #73B5B4 · #557AA4 · #745036 · #374E40

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

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Turquoise (#73B5B4): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#557AA4): A full-bodied, dusty blue — the color of deep harbor water.
• Coffee (#745036): A full-bodied, dusty gold — the color of old brass.
• Deep Olive (#374E40): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, 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

• Patina Chestnut Parlor color palette (#FAF5E3, #7BAED2, #7C6E9D, #6A5801, #524250)
• Cypress Hollow color palette (#FBF3EF, #CCE6E0, #6CA2B5, #4A7A64, #335249)
• Softworn Villa color palette (#E2F7F7, #88B2CD, #587BA2, #69406F, #1B2E3D)
• Aqua Meadow color palette (#ECF9F2, #ADF5FF, #75D0EB, #8A8ECA, #325145)
• Chalky Ridge color palette (#FFF3E2, #009DB6, #4757AD, #594100, #003A55)
• Worn Driftwood color palette (#FAF5E9, #C5C3A2, #7A8945, #5A6B5C, #554F00)
• Timeworn Market color palette (#ECFAEA, #B8D5CA, #9C8995, #886822, #684D00)
• Hushed Sky Boulevard color palette (#FFF1F6, #84E3E1, #80B2EA, #AE815E, #394B54)

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