Patina Loft color palette — #ECF3F7 · #D6D4E2 · #B2B4D2 · #166E8C · #192227

Built around Peacock, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF3F7): a clean, paper-quiet neutral.
• Silver (#D6D4E2): bright and airy, almost weightless.
• Ash (#B2B4D2): A luminous, dusty violet — the color of wild irises.
• Peacock (#166E8C): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#192227): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Tempered Grove color palette (#EFF6FC, #D7D8E8, #ABB3C6, #2F6A8D, #313C45)
• Softworn Pewter color palette (#F0F1FB, #E0D2DC, #D4B2D3, #785A9E, #23242F)
• Worn Cerulean Market color palette (#F0F7F4, #E4D3D0, #AAA89D, #5991B4, #25322D)
• Pewter Ridge color palette (#D5F5FC, #8FABCA, #8A689E, #1E524B, #022F2A)
• Hushed Cypress color palette (#E2F8EF, #7EAD8E, #00746F, #2C4866, #002221)
• Softworn Denim color palette (#D8E1E8, #ADB3C1, #8C88AE, #00496C, #010C16)
• Hushed Aubergine Coast color palette (#E8E8F2, #D0C8D5, #B899B0, #69427B, #151420)
• Obsidian Ultramarine color palette (#E6F0FE, #2D5FBC, #2E1B3C, #030C1C, #000205)

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