Iris Loft color palette — #D1DEF9 · #7C8CFF · #A28200 · #4C56BA · #332700
Built around Lavender Blue, softened by Cobalt — the whole palette hums with nature and growth.
The five colors
- Powder Blue (#D1DEF9): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender Blue (#7C8CFF): A luminous, vivid violet — the color of a velvet chair.
- Mustard (#A28200): A luminous, balanced green — the color of fresh herbs.
- Cobalt (#4C56BA): A full-bodied, balanced violet — the color of wild irises.
- Espresso (#332700): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Iris Loft 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
- Aged Station color palette (#CFE0F5, #6EABFF, #B47700, #0050AB, #3A2300)
- Softworn Coast color palette (#D5DCFF, #AE95FF, #818F00, #5A3E9E, #272C00)
- Quiet Nightshade color palette (#D1DFF7, #6076D4, #766C00, #2930B2, #2E2A00)
- Quiet Indigo Coast color palette (#ECD7E4, #A0A4FF, #D7A11F, #675BF3, #362600)
- Lilac Hollow color palette (#E3E7FF, #A675FF, #687F00, #54159B, #171E00)
- Aged Rust color palette (#C1E4FA, #2DB9E9, #BF4F00, #006D8E, #471800)
- Patina Lantern color palette (#EAEBFF, #786CFF, #CB4B00, #007D54, #1B193E)
- Washed Mallow color palette (#F4F4FF, #D09EFB, #8EB26C, #946BB7, #374924)
Browse the whole catalog at Explore, or see today's palette.