Iris Hollow color palette — #F2F5FD · #B6F2F5 · #7F7EBC · #3C4560 · #181B23

Slate Blue and Sea Foam set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F2F5FD): bright and airy, almost weightless.
• Sea Foam (#B6F2F5): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#7F7EBC): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#3C4560): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#181B23): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Iris Hollow 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 Lantern color palette (#EEF6FF, #97C7FF, #97BC72, #518AA6, #28333F)
• Pewter Hollow color palette (#F1F1F9, #DBB6D3, #6C587C, #2F2E46, #13131C)
• Plum Terrace color palette (#F8F2FE, #CBF3C2, #A65980, #51293D, #130C18)
• Muted Field color palette (#FFF1F6, #F7DA9F, #A496C1, #80646F, #32282C)
• Apricot Cabin color palette (#F3F5FB, #E1D8E2, #E59A71, #9C8DD4, #261A20)
• Ancient Taupe Drift color palette (#E6FAF7, #E6D3FF, #D18D8C, #447D83, #423C4E)
• Amethyst Workshop color palette (#F3F4FF, #5EF8C3, #7B4DBC, #371D5B, #050518)
• Worn Amber color palette (#F8F3FC, #EBA1C2, #C67A58, #29776E, #272231)

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