Patina Cobalt color palette — #EEF8F5 · #EFD9DC · #E1BBB6 · #4D8BC4 · #31443F

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

The five colors

• Ivory (#EEF8F5): bright and airy, almost weightless.
• Shell Pink (#EFD9DC): A whisper-light, dusty red — the color of a theater curtain.
• Oat (#E1BBB6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Cerulean (#4D8BC4): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#31443F): A deep, shadowed, dusty teal — the color of sea glass.

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

• Iris Quarry color palette (#FEF1F7, #EAD5CE, #DCBAA2, #8E74CB, #493B41)
• Antique Periwinkle Balcony color palette (#EDF6FF, #DCD7E5, #CBAAA6, #4EACF5, #35414D)
• Muted Petrol Harbor color palette (#EFF6FF, #DAD7EC, #B0BCD7, #436BA4, #39404A)
• Tempered Moss Coast color palette (#FFF3E4, #C5BF64, #609916, #5E629E, #3D3A34)
• Indigo Courtyard color palette (#EEDDE8, #716FFF, #593269, #351D2E, #160E17)
• Tempered Lapis color palette (#E4DBE0, #D0BFC4, #BD9B9C, #5750B2, #281B23)
• Wisteria Grove color palette (#C6FCEA, #B2B9EB, #BE75B4, #567A44, #4D5049)
• Pale Crimson color palette (#E2FCF4, #12A4F8, #D12C5B, #2A6500, #0E3B00)

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