Tempered Iris color palette — #FAF4EB · #D2E8FF · #638EEB · #006681 · #191A3B

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

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Frost (#D2E8FF): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender Blue (#638EEB): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#006681): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#191A3B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Cerulean Ridge color palette (#FDF4E5, #A8F4FF, #00A1C7, #006B5F, #002133)
• Tempered Periwinkle Terrace color palette (#F7EDE0, #B1D8FD, #829EFC, #008EA2, #2F264F)
• Linen Cobalt Field color palette (#A5EBFF, #1FB4F8, #007FD4, #1F4996, #0C1440)
• Washed Study color palette (#E2ECE1, #97B7D8, #4D64B9, #004A55, #19043E)
• Turquoise Loft color palette (#EAE1D2, #0BB7C7, #005E74, #002C26, #000103)
• Tempered Station color palette (#FDF4E5, #74DEF1, #0087AC, #00524C, #000E1B)
• Worn Cornflower Canyon color palette (#F0F6FF, #4A8EFF, #D34E56, #3F7B32, #190219)
• Quiet Grove color palette (#FEF0FF, #83BCFF, #C67800, #005BAA, #261300)

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