Weathered Iris color palette — #FBF3F5 · #B9D9F4 · #6694E8 · #007B84 · #36355C

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

The five colors

• Ivory (#FBF3F5): a clean, paper-quiet neutral.
• Powder Blue (#B9D9F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lavender Blue (#6694E8): A luminous, balanced violet — the color of a velvet chair.
• Teal (#007B84): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#36355C): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Gentle Cornflower color palette (#FFF0F8, #75DAFF, #0092EB, #00736D, #1E2E64)
• Antique Bloom color palette (#F9F3F7, #CCE2FB, #31B4DE, #388C6D, #334A5F)
• Antique Cobalt color palette (#F3F7EC, #9CCBF0, #427CB5, #005B78, #4B2F4B)
• Ancient Lagoon Alley color palette (#FCF4EC, #BFECDC, #9CB0E6, #319E9B, #512D3F)
• Patina Petrol Field color palette (#F4E3EE, #4FB1C5, #006F9B, #004B3F, #001231)
• Frosted Ultramarine color palette (#F4E3E8, #5F98CA, #2E48BD, #003A42, #0B0026)
• Hushed Boulevard color palette (#DEF3F8, #0BC1B6, #DF6793, #00837C, #542134)
• Muted Mint Quarry color palette (#DDEFDB, #55C58F, #009982, #006C6D, #00404C)

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