Tempered Iris color palette — #FAF4ED · #C8E3DB · #7786C1 · #007072 · #5F3B4A
Built around Slate Blue, softened by Teal — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#FAF4ED): a clean, paper-quiet neutral.
- Silver (#C8E3DB): A whisper-light, dusty teal — the color of sea glass.
- Slate Blue (#7786C1): A luminous, balanced violet — the color of twilight just after sunset.
- Teal (#007072): A full-bodied, balanced teal — the color of shallow lagoons.
- Cocoa (#5F3B4A): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Creativity, 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
- Pine Villa color palette (#FCF3F0, #CFE3D0, #4095B7, #21743E, #563E57)
- Cobalt Canyon color palette (#FFF3E9, #A9DBCB, #6279CD, #006666, #473369)
- Antique Cerulean color palette (#EDF4EE, #C4E0FB, #6D8EC4, #006980, #202B45)
- Ancient Olive color palette (#F5F6E9, #83AD73, #9478C7, #317800, #483864)
- Powder Station color palette (#FCF2F5, #D9DDF4, #A6BBFB, #67A5A4, #43465D)
- Denim Garden color palette (#EDDEDA, #519E9F, #005169, #003212, #00132E)
- Worn Byzantium color palette (#EBFBE4, #429A8C, #5A79BC, #8946A7, #2C3E26)
- Hushed Navy Cabin color palette (#E8DDD6, #4C89A3, #003A7B, #00231D, #090028)
Browse the whole catalog at Explore, or see today's palette.