Patina Cobalt color palette — #F9E9F2 · #89D0EC · #3E88DC · #006E5D · #29294C

Built around Azure, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Blush (#F9E9F2): A whisper-light, dusty pink — the color of peonies in June.
• Sky (#89D0EC): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#3E88DC): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006E5D): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#29294C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Hazy Forest Pier color palette (#F4EBF3, #6BD8DB, #0094BC, #097132, #142E4E)
• Dusty Workshop color palette (#FEF1F6, #A3DDFF, #7495D3, #287A73, #3B3458)
• Faded Balcony color palette (#FCEBF0, #79B7F0, #5F6AC6, #00585C, #27133B)
• Aged Workshop color palette (#FDF3EC, #C6F1DC, #4E97D9, #006A66, #0D174B)
• Softworn Petrol Coast color palette (#EDF0E4, #83BAD2, #00719D, #004E5A, #00314F)
• Turquoise Atelier color palette (#FEF0FE, #77F2F0, #00ACD5, #3F8348, #214264)
• Timeworn Powder color palette (#FBF2F6, #D9D4E4, #98B3DB, #608F98, #4C5265)
• Aged Petrol color palette (#EDDCE9, #53B1C0, #006E9F, #004D32, #030A40)

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