Tempered Iris color palette — #F9EFF2 · #CCDFF1 · #768BC5 · #006A78 · #232949

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

The five colors

• Ivory (#F9EFF2): a clean, paper-quiet neutral.
• Powder Blue (#CCDFF1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#768BC5): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#006A78): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#232949): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Washed Forest color palette (#F7EFF5, #C2E3ED, #3D9BB5, #00704B, #082F48)
• Washed Cobalt color palette (#EFF7F7, #C8DFF7, #5F8CC8, #2E6988, #364864)
• Denim Dune color palette (#E6DDE4, #6FA6B4, #005F88, #003A31, #000921)
• Navy Studio color palette (#F7E7EF, #48809B, #003B71, #001F1F, #01000B)
• Worn Cabin color palette (#FBF4ED, #C2E6EB, #88A3E5, #218998, #593F4D)
• Weathered Studio color palette (#FCECF8, #8AC7D1, #007CA5, #005342, #001A37)
• Hushed Wisteria color palette (#E0F8F0, #9AAD6F, #B670B5, #596F00, #3B163B)
• Plum Workshop color palette (#D6FBF5, #619F5D, #8E6EB4, #934C90, #002421)

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