Patina Cobalt color palette — #E6D9E7 · #FC9B7B · #2F7ACB · #1A4A7C · #110712

Azure and Melon set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#E6D9E7): A whisper-light, dusty pink — the color of neon signs at night.
• Melon (#FC9B7B): A luminous, balanced orange — the color of toasted spice.
• Azure (#2F7ACB): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#1A4A7C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#110712): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Balance. Tagged luxury, dark.

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

• Tempered Ridge color palette (#F6EAF5, #F8B98A, #5788CF, #3B577F, #1D111D)
• Indigo Ridge color palette (#EAD7E7, #D8B543, #496FE0, #2E4481, #130611)
• Muted Blush Market color palette (#D3E2DA, #F599AE, #0086A7, #005166, #020F08)
• Marigold Terrace color palette (#D4E0EA, #CA9D31, #005C85, #002D43, #000C19)
• Softworn Mustard color palette (#E2FCF2, #E6B230, #00577E, #001B2A, #000201)
• Iris Balcony color palette (#F3ECF2, #E4CDCC, #D4B2A2, #7092D0, #332A33)
• Powdered Ultramarine color palette (#F8E5F3, #979E00, #3549B9, #151F5F, #050004)
• Tempered Amber Pier color palette (#D5E3F2, #C7735A, #003B63, #001325, #000205)

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