Patina Cobalt color palette — #FAF0E8 · #A7D3BE · #577EB0 · #005D50 · #1D1B3D

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

The five colors

• Cream (#FAF0E8): a clean, paper-quiet neutral.
• Pistachio (#A7D3BE): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#577EB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005D50): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#1D1B3D): A deep, shadowed, dusty violet — the color of wild irises.

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

• Muted Cobalt Lantern color palette (#FBF0E6, #99CFF5, #6479B2, #005B59, #331424)
• Tempered Cobalt Corridor color palette (#F4F7EC, #ABCEBE, #3080AD, #005D6E, #1B3D59)
• Pale Aqua color palette (#FDEEE7, #1AD2EA, #007AB1, #005438, #071344)
• Washed Cerulean color palette (#F9EFED, #CBE5C7, #5599AB, #496746, #11332B)
• Patina Periwinkle Harbor color palette (#EDF9EF, #D7D6E4, #6DADDF, #187D85, #1C2F48)
• Hazy Raspberry color palette (#FFD6D4, #C6408D, #007F7A, #086076, #250A0B)
• Muted Lagoon Summit color palette (#FEE7DE, #009DA5, #00516C, #002E15, #000412)
• Feathered Ultramarine color palette (#F0E1D4, #51A6D7, #2B4EB1, #003A37, #0F0028)

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