Timeworn Iris color palette — #FAF4ED · #C8E3DC · #7687C0 · #006E7F · #5E3B4D

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

The five colors

• Ivory (#FAF4ED): a clean, paper-quiet neutral.
• Silver (#C8E3DC): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#7687C0): A luminous, balanced violet — the color of a velvet chair.
• Teal (#006E7F): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#5E3B4D): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

Use it as a design system

One click turns Timeworn 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

• Muted Periwinkle color palette (#F3F6EF, #F3D6E1, #7EA6E3, #4782A5, #573E53)
• Worn Cobalt color palette (#FEF3E9, #ABD3F6, #5C7CCA, #006570, #3E3277)
• Cypress Workshop color palette (#FCF3EE, #CBE4CF, #5594AB, #007454, #225146)
• Ancient Atelier color palette (#FDF3EE, #ADCFB5, #3082A4, #00624C, #163C61)
• Ultramarine Chapel color palette (#C8EDD1, #68B9DB, #1F83C6, #3254AC, #3F4370)
• Muted Courtyard color palette (#F9E9E2, #609B9F, #005267, #003121, #001527)
• Airy Ultramarine Quarry color palette (#FEF0FE, #7EA1D3, #B57B41, #1162C3, #5D3912)
• Weathered Olive color palette (#FFF0FA, #7883C5, #AF6444, #756A00, #482E40)

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