Patina Cobalt color palette — #F1FAD9 · #49AA6E · #0081DF · #006F3A · #003C6C

Azure and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F1FAD9): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#49AA6E): A luminous, balanced teal — the color of sea glass.
• Azure (#0081DF): A full-bodied, vivid blue — the color of deep harbor water.
• Pine (#006F3A): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#003C6C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Misty Moss Orchard color palette (#F7F8D8, #6CA735, #008AB9, #3C6B00, #004059)
• Muted Veranda color palette (#E3FDE7, #00A7B1, #9159E3, #006970, #43296C)
• Olive Basin color palette (#CEEED9, #0094AC, #6C7800, #005867, #2C3200)
• Hushed Emerald Workshop color palette (#CAF9D7, #009953, #007F9A, #785C00, #003B1D)
• Airy Grape color palette (#E3F3E1, #007E79, #5A2ECB, #004340, #1C0050)
• Mint Lagoon color palette (#DBFFEC, #44C596, #007D5A, #00462D, #00321F)
• Pale Teal color palette (#EDFAE5, #00AC8F, #A57400, #006C59, #4E3500)
• Tempered Harbor color palette (#EAF9F2, #7CB9D6, #B487B4, #007EA4, #693F47)

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