Patina Cobalt color palette — #FBF2FC · #8BB3E1 · #60AC7C · #3C75B3 · #4C4E47

Built around Slate, softened by Jade — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2FC): bright and airy, almost weightless.
• Sky (#8BB3E1): A luminous, dusty blue — the color of open sky before noon.
• Jade (#60AC7C): A luminous, balanced teal — the color of glacier melt.
• Slate (#3C75B3): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#4C4E47): quiet, heavy and certain.

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

• Aged Station color palette (#EBF9F2, #7ABAD8, #B982BA, #287C9F, #624349)
• Softworn Powder color palette (#F8EEF9, #82B7F5, #B89754, #4F749F, #34302A)
• Softworn Powder color palette (#EEF6FF, #98C8FF, #CAAD71, #698FBB, #38553F)
• Grape Harbor color palette (#FFF1F5, #B78AD3, #009AB4, #7F4A9E, #004B59)
• Washed Atelier color palette (#FEF1F6, #B6A6D9, #D87C63, #7B64A6, #534B47)
• Dusty Driftwood Station color palette (#FDF1FA, #E7D5D7, #B5AC9A, #9D819C, #5D4F58)
• Dusty Ultramarine color palette (#FFF0FC, #698BF9, #009478, #2B3EDF, #004637)
• Cobalt Pier color palette (#FFF0FB, #B8C9FA, #6B7DC1, #3C4A7E, #452B3F)

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