Patina Field color palette — #DDE7F3 · #548BF0 · #3D59BC · #343D7B · #1A183D

Built around Azure, softened by Cobalt — the whole palette hums with trust and stability.

The five colors

• Frost (#DDE7F3): bright and airy, almost weightless.
• Azure (#548BF0): A luminous, vivid violet — the color of twilight just after sunset.
• Cobalt (#3D59BC): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#343D7B): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#1A183D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Dusty Iris color palette (#F9E1F2, #7186F3, #009079, #3D4BA1, #00221B)
• Antique Iris color palette (#EAF8FF, #98C8FF, #688CF2, #554A93, #362343)
• Soft Iris Station color palette (#E6E7FF, #957CF0, #744BB3, #4A276B, #281035)
• Powdered Azure color palette (#CFE9F2, #00A3D4, #0077A7, #004A71, #00203B)
• Cobalt Garden color palette (#E2F1FF, #6EA0EA, #496BBF, #453D8C, #413561)
• Pale Indigo color palette (#DBE2FF, #A2A4FF, #7669C2, #534277, #472433)
• Lapis Courtyard color palette (#DCE8FF, #4655F3, #3700B6, #27006B, #12002F)
• Ancient Violet color palette (#FFE9F4, #8060DD, #B33A6F, #006581, #230918)

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