Iris Harbor color palette — #FFF4DC · #DBBF2C · #797BEC · #8B7700 · #31316F

Periwinkle takes the lead with Saffron close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF4DC): A whisper-light, dusty gold — the color of honey in a jar.
• Saffron (#DBBF2C): A luminous, balanced green — the color of a quiet forest floor.
• Periwinkle (#797BEC): A luminous, vivid violet — the color of wild irises.
• Walnut (#8B7700): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#31316F): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Iris Harbor 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

• Timeworn Lime color palette (#F3F0D3, #A4CA2B, #8A71D3, #657C27, #382C5A)
• Gentle Sunflower Courtyard color palette (#DDFFEA, #EFD75B, #9793EF, #927E00, #2B1C6B)
• Marigold Corridor color palette (#FFF3E6, #FFAB36, #0095D4, #A56800, #003F5D)
• Indigo Harbor color palette (#FFF4E1, #C69D25, #7156CF, #735800, #3B2E6B)
• Mint Grove color palette (#F4F8DF, #82CD83, #C08FD1, #4F9350, #5A3640)
• Hushed Lime color palette (#F2FAD5, #33E36F, #C674DD, #007E36, #4F285A)
• Indigo Hollow color palette (#F8EDB2, #C8B12F, #8B61CF, #5A6DE8, #393000)
• Chalky Byzantium Study color palette (#E2E1CA, #79A825, #922BAF, #405E00, #2D003A)

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