Patina Cobalt color palette — #F8EFF4 · #ACCDE1 · #3280C3 · #005C58 · #101F3C

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F8EFF4): bright and airy, almost weightless.
• Lilac Frost (#ACCDE1): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3280C3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005C58): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#101F3C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, 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

• Timeworn Cerulean color palette (#ECF8F7, #95CEE8, #3B80A6, #005D6C, #1A3E59)
• Tempered Iris Market color palette (#F8EFF2, #C2E0FE, #7089D5, #006A79, #242A45)
• Petrol Parlor color palette (#F2E4EE, #7EC1C0, #00788D, #004E2E, #001827)
• Lagoon Drift color palette (#ECE2E9, #389A9D, #005264, #002D1C, #00050C)
• Hushed Sky color palette (#F4F6EC, #BDE1F1, #47B2E8, #007C8F, #0A372C)
• Bronze Canyon color palette (#F5D4E3, #BB5F00, #00799F, #006193, #210B17)
• Pale Ultramarine color palette (#E9DDE2, #71A3C2, #0052B5, #00393C, #08002E)
• Amber Field color palette (#FAE1EE, #D27441, #0086BB, #893A00, #001F2F)

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