Patina Station color palette — #F8ECE2 · #71BBE7 · #4A70C7 · #005A55 · #22163F

Built around Sapphire, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#F8ECE2): bright and airy, almost weightless.
• Sky (#71BBE7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Sapphire (#4A70C7): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005A55): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#22163F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Patina Station 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

• Washed Cobalt Courtyard color palette (#F3DDD5, #3DC6D4, #007FAD, #005D37, #041B4A)
• Cobalt Balcony color palette (#FFF1F7, #A7D2EF, #4379CC, #005155, #0A0033)
• Azure Thicket color palette (#E8ECDD, #96C7E7, #2E99E5, #007997, #001F41)
• Muted Denim color palette (#D4E6E5, #7EA3C1, #005B93, #003B4C, #001F42)
• Dusty Terrace color palette (#FFF2EC, #32E2FC, #0096D9, #007651, #1B2D67)
• Linen Garden color palette (#D5F5F2, #009CB5, #006C99, #113B99, #1C184A)
• Tempered Azure Coast color palette (#FFF2ED, #B9E0C0, #51A0C7, #427A59, #273A5B)
• Blush Boulevard color palette (#CDE3F2, #B8BEFF, #D48CBB, #007F75, #0C2641)

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