Patina Cobalt color palette — #F9EBE5 · #A7D0B4 · #008FD3 · #006F4E · #1B295D

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9EBE5): a clean, paper-quiet neutral.
• Pistachio (#A7D0B4): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#008FD3): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006F4E): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#1B295D): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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

• Cypress Archive color palette (#FCF3EE, #BBDECB, #6C99CA, #007E69, #34355F)
• Hushed Cornflower color palette (#F7ECE4, #A0CAE8, #6280DC, #006C6A, #322450)
• Azure Field color palette (#FEF1FA, #AEF3FF, #239CDB, #006D4A, #0F1B40)
• Cobalt Study color palette (#F1E2D8, #8EBDAB, #4B71C2, #005A54, #230F4A)
• Timeworn Petrol Hollow color palette (#E7F2E9, #7CBDCA, #007393, #00504A, #00314D)
• Muted Lantern color palette (#F4EEE4, #8AE3F4, #2EB4E0, #009287, #00314D)
• Faded Teal color palette (#DAEFE2, #00B5A2, #008996, #005879, #002E57)
• Worn Turquoise color palette (#CAEEFF, #45B8DD, #007CA5, #004663, #001621)

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