Quiet Iris color palette — #F1F5FF · #8C96E8 · #C76C60 · #626500 · #0A142C
Lavender Blue takes the lead with Coral Clay close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lavender Blue (#8C96E8): A luminous, balanced violet — the color of a velvet chair.
- Coral Clay (#C76C60): A luminous, balanced orange — the color of toasted spice.
- Olive (#626500): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#0A142C): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Quiet 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
- Muted Pine color palette (#F2F4FF, #A48FD9, #BB792D, #007420, #10122B)
- Iris Pier color palette (#F1F5FF, #9194E9, #B46EA5, #855300, #0A122F)
- Weathered Balcony color palette (#F2F5FF, #9A8BDA, #B1413C, #325500, #000F22)
- Dusty Olive color palette (#F5F3FF, #CBA0D6, #CA8E6E, #617E30, #252038)
- Misty Teal color palette (#E0FBFF, #00B79E, #C96A68, #686200, #00191D)
- Soft Orchid color palette (#DBFEF4, #9EB4F3, #A75EA8, #006136, #221B3C)
- Coral Lantern color palette (#FFE7EE, #CC8EF1, #F67255, #AF7430, #391C26)
- Feathered Indigo Grove color palette (#DFEAFD, #516BD4, #9A3F6E, #004F4B, #060F22)
Browse the whole catalog at Explore, or see today's palette.