Patina Cobalt color palette — #FBF2F9 · #BCCD89 · #5B6DB0 · #364066 · #271F25

Slate and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Pistachio (#BCCD89): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#5B6DB0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#364066): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#271F25): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Worn Ridge color palette (#FFF1F5, #93D5B8, #875E9E, #4E3959, #2A1E21)
• Weathered Petrol Harbor color palette (#FAF2FA, #F7B09F, #4F73A6, #513951, #271F27)
• Washed Cobalt color palette (#F1F5FF, #DFEEAF, #6B71AA, #2C3753, #0A0F1C)
• Timeworn Stone color palette (#F1F5FF, #C8AA6B, #4D4A7B, #242C48, #1D1925)
• Ash Meadow color palette (#FBF3F5, #E2D9D3, #CABFB1, #9F82B0, #514447)
• Patina Iris color palette (#FFF0F8, #FFC4C3, #958BC7, #785869, #2A1D24)
• Airy Alley color palette (#FBF2F8, #B6BFFF, #DE6454, #6D74D6, #2F201A)
• Timeworn Terrace color palette (#FFF0F9, #8F93E5, #A96508, #006772, #3A2533)

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