Patina Field color palette — #F8EFF2 · #CAE0F0 · #778EB8 · #1F6B65 · #242A46

Teal and Slate Blue set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Powder Blue (#CAE0F0): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#778EB8): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#1F6B65): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#242A46): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: 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

• Petrol Station color palette (#F0F7F1, #CBDFF0, #688DB6, #006F7E, #384769)
• Cornflower Ridge color palette (#FFECF5, #9FD9F6, #4781D9, #006359, #241B4C)
• Coral Station color palette (#FBECFF, #C86D85, #00928D, #007B77, #27172C)
• Navy Hollow color palette (#F7E9F1, #448294, #003E69, #002017, #01000B)
• Washed Denim color palette (#E7DDE5, #54ACB3, #006082, #003C1F, #000923)
• Dusty Powder Grove color palette (#F9F4EE, #C1E3F5, #8FBFF3, #38909F, #51344D)
• Muted Courtyard color palette (#FDEBFD, #78CBCF, #007DA3, #005529, #00183D)
• Softworn Nightshade Boulevard color palette (#E6EFE4, #5D90B8, #2D38A4, #002C2C, #070015)

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