Patina Cobalt color palette — #FAF2FB · #5385B9 · #59783C · #035B43 · #27372D

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

The five colors

• Ivory (#FAF2FB): bright and airy, almost weightless.
• Cerulean (#5385B9): A luminous, balanced blue — the color of deep harbor water.
• Olive (#59783C): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#035B43): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#27372D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Driftwood Loft color palette (#FDF2F6, #8B7FB5, #2F7360, #005D6D, #3C303C)
• Tempered Indigo Summit color palette (#FFF0F8, #6D55C6, #005C42, #00454D, #002042)
• Softworn Bronze color palette (#FAEFEE, #B37D91, #8B6331, #005549, #251018)
• Hushed Cypress Thicket color palette (#F9F2FC, #C68E9E, #A37C47, #007B6B, #323446)
• Antique Thicket color palette (#FCF2F8, #EDA48B, #A6B152, #559671, #25383F)
• Softworn Taupe Summit color palette (#FFF3E8, #CE95A2, #996963, #635A2C, #57423C)
• Powdered Grape Archive color palette (#FFE1EA, #772DA0, #004A47, #002A3D, #23061B)
• Shell Station color palette (#FFF2EF, #EAD9D9, #FDB3C7, #CB8886, #5D403A)

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