Patina Iris color palette — #F8F0E8 · #B9E8D9 · #738CC4 · #186A74 · #3C2331

Slate Blue and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8F0E8): bright and airy, almost weightless.
• Mint (#B9E8D9): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#738CC4): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#186A74): A full-bodied, dusty blue — the color of open sky before noon.
• Espresso (#3C2331): A deep, shadowed, dusty rose — the color of a warm blush.

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

Use it as a design system

One click turns Patina Iris 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 Cypress color palette (#F9F0EB, #C6E6CB, #5797AF, #296C54, #08342B)
• Softworn Basin color palette (#FCF2F5, #C3E0FA, #7888BA, #007171, #414467)
• Patina Pier color palette (#FAF0E7, #9CD8FF, #4981DA, #006167, #1F1C4E)
• Softworn Ash Harbor color palette (#F8F0EB, #BEF0EB, #77A897, #5D7254, #412F40)
• Patina Denim color palette (#F5E3DA, #53ABBB, #006084, #003A2F, #000A1E)
• Wandering Veranda color palette (#E6F8E4, #00BCB5, #C56F87, #007470, #401824)
• Wandering Cerulean color palette (#F9ECE3, #2084A6, #003D6B, #001F1E, #00000C)
• Washed Aqua Loft color palette (#FFEEE6, #4BD0DF, #007DA2, #00543F, #001B34)

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