Patina Field color palette — #F8EFF3 · #B4E4FF · #6D8DC8 · #236B64 · #252A43

Slate Blue takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F8EFF3): a clean, paper-quiet neutral.
• Powder Blue (#B4E4FF): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#6D8DC8): A luminous, balanced violet — the color of a velvet chair.
• Pine (#236B64): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#252A43): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Tempered Cypress Delta color palette (#F7EFF5, #D3D2EB, #7DA1BE, #467760, #2C3648)
• Patina Cerulean color palette (#F7EFF7, #95D5D2, #008AA8, #2E5B2F, #0A2238)
• Tempered Delta color palette (#E6F4FF, #47B0E2, #B68143, #006D96, #3B1C28)
• Cobalt Market color palette (#A8EEE3, #00C2D4, #0089C1, #2C4F7D, #232A4A)
• Worn Powder Hollow color palette (#FAF4EC, #C2E3F6, #8DBFF5, #488E9A, #4E364B)
• Gentle Azure Alley color palette (#E6F4FF, #0098D9, #A67414, #876428, #092031)
• Patina Denim color palette (#EADEE8, #51ACB3, #006082, #003C1E, #000923)
• Tempered Cerulean Veranda color palette (#EDDAE5, #0086A0, #003E68, #002017, #01000B)

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