Patina Cobalt color palette — #EFF4E8 · #AAD1C6 · #537DB6 · #005678 · #30152D

Slate and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EFF4E8): a clean, paper-quiet neutral.
• Oat (#AAD1C6): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#537DB6): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005678): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#30152D): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Weathered Cerulean color palette (#F1F3EB, #B2D0BD, #2D87A5, #005A60, #002434)
• Wandering Cobalt color palette (#FCF2F5, #ABC8E6, #5D73BC, #005E6B, #3B3459)
• Cerulean Thicket color palette (#E8EBD9, #4696AD, #00516A, #002B2F, #00050A)
• Aged Petrol Workshop color palette (#FAF4ED, #C4E2F7, #8FA4DB, #007D8D, #2E284C)
• Fern Balcony color palette (#EBEBCF, #769F57, #0087B4, #366300, #00202D)
• Ancient Olive color palette (#ECEEDC, #508E35, #007D86, #7E5000, #151500)
• Mint Boulevard color palette (#F0F6D3, #B1E3C3, #7ACBB3, #587640, #252A09)
• Dusty Meadow color palette (#F4DCC6, #B2926E, #855933, #5C3117, #241400)

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