Patina Cobalt color palette — #F0F5FF · #A1B3FA · #ABAA50 · #697AC7 · #464517

A conversation between Periwinkle and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sky (#A1B3FA): A luminous, balanced violet — the color of a velvet chair.
• Sage (#ABAA50): A luminous, balanced green — the color of a quiet forest floor.
• Periwinkle (#697AC7): A luminous, balanced violet — the color of a velvet chair.
• Deep Olive (#464517): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, 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

• Muted Bloom color palette (#EFF6FF, #9AB8EF, #DD8F5F, #557ECE, #5D3820)
• Quiet Orchid Courtyard color palette (#F5F4FF, #D2A3E4, #93B169, #9F65B5, #174D41)
• Mustard Grove color palette (#FFF0F7, #D6CCFF, #E6B445, #8D77CF, #483509)
• Frosted Atelier color palette (#FFF0F9, #969BCF, #9E8922, #5754BF, #4C4214)
• Tempered Lilac Loft color palette (#F1F5FF, #9C98F2, #9C9D56, #628C5A, #2F3751)
• Worn Ridge color palette (#FFF1F6, #CCBD90, #AA8867, #7E5C77, #27443B)
• Weathered Seafoam Studio color palette (#F3F4FF, #93D4BB, #776994, #3C3F61, #1F202F)
• Grape Lantern color palette (#EFDCFF, #CF8FFF, #8B9400, #8008B9, #2E3100)

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