Patina Cobalt color palette — #EEF8F0 · #9BCAF5 · #5478B6 · #005C72 · #2D3A57
A conversation between Slate and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF8F0): a clean, paper-quiet neutral.
- Sky (#9BCAF5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#5478B6): A full-bodied, balanced violet — the color of wild irises.
- Peacock (#005C72): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#2D3A57): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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 Cobalt Dune color palette (#F8EFF2, #AFCBE6, #667AAC, #005A65, #201A3D)
- Cobalt Veranda color palette (#ECF9EF, #46C6FC, #0073B6, #00555C, #133162)
- Hushed Cypress Orchard color palette (#EEF8F0, #B5E5F8, #5095AD, #147166, #344A5C)
- Cerulean Workshop color palette (#F4F7EE, #C1EBDE, #84B5F0, #0098CC, #263A5E)
- Hushed Iris color palette (#FDF3E9, #AEE1D2, #7993D4, #007A88, #502D42)
- Cerulean Delta color palette (#DAEBDD, #139FBE, #005070, #00302F, #00152A)
- Airy Alley color palette (#F7DAF6, #CD3E52, #457D2B, #2A5A9C, #392239)
- Aged Terrace color palette (#FAE7FD, #DA5F78, #008B82, #952744, #003F3A)
Browse the whole catalog at Explore, or see today's palette.