Patina Cobalt color palette — #FFF2EC · #96DBE7 · #0C89C1 · #006A46 · #263C74

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Ice Blue (#96DBE7): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0C89C1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006A46): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#263C74): A deep, shadowed, balanced violet — the color of wild irises.

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

• Wandering Alley color palette (#FEF3EB, #A6D0BF, #5E78A9, #00605A, #3B3458)
• Tempered Lantern color palette (#ECF5ED, #9DDCE8, #0090B8, #00635B, #002840)
• Forest Market color palette (#FCF3F0, #CBE4CB, #5B93A8, #3B7044, #563D59)
• Azure Coast color palette (#FCF4E7, #A7E7F4, #00ABD9, #00837A, #034468)
• Aged Bloom color palette (#F5EDE7, #80BCCF, #056BB3, #005141, #24265B)
• Muted Delta color palette (#F0F5FF, #EED9FF, #F99996, #007A97, #4C3D65)
• Timeworn Thicket color palette (#F7E7E0, #389FAC, #005071, #00321D, #010D3D)
• Pale Indigo color palette (#FFE1F4, #6C66FA, #7D7500, #3F6727, #292B54)

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