Iris Field color palette — #D1E5E5 · #75BFE2 · #738BE4 · #00734B · #002029
Built around Lavender Blue, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Silver (#D1E5E5): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#75BFE2): A luminous, balanced blue — the color of deep harbor water.
- Lavender Blue (#738BE4): A luminous, balanced violet — the color of a velvet chair.
- Pine (#00734B): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#002029): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged pastel, light, cool.
Use it as a design system
One click turns Iris Field 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
- Linen Market color palette (#C9EBD6, #3FCECF, #3794DC, #486600, #002019)
- Lilac Dune color palette (#C3E5F9, #9AB5E9, #A37CCB, #006565, #00142E)
- Pale Dune color palette (#CDF1F7, #8AB3EA, #30B2FB, #008789, #001D24)
- Iris Loft color palette (#E4F9FF, #97DDFF, #7896FF, #00684A, #000A0D)
- Cobalt Courtyard color palette (#D1EFFB, #6AB1C9, #1787BF, #004241, #00191F)
- Patina Lagoon Villa color palette (#DCFCFF, #BBE0FF, #BAB2FF, #009279, #003C4E)
- Faded Blush Corridor color palette (#E9EEFF, #CDACF1, #DD84AF, #0D759F, #281B40)
- Aged Mallow color palette (#DAFEF3, #D1D1FF, #E69FD3, #00889D, #432940)
Browse the whole catalog at Explore, or see today's palette.