Sunlit Iris color palette — #F0F0DC · #80BB59 · #688CFF · #4C831F · #25335B
A conversation between Lavender Blue and Clover, giving this palette its sense of nature and growth.
The five colors
- Cream (#F0F0DC): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#80BB59): A luminous, balanced green — the color of fresh herbs.
- Lavender Blue (#688CFF): A luminous, vivid violet — the color of a velvet chair.
- Olive Leaf (#4C831F): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#25335B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Sunlit 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
- Patina Iris color palette (#F6EEDB, #BBA942, #937DFD, #827200, #342F54)
- Patina Grove color palette (#E2FCF3, #B4CB65, #B194E6, #6D8100, #2E1C49)
- Muted Wisteria Canyon color palette (#F4F7E8, #82CC8C, #C286EE, #499356, #5B3542)
- Muted Balcony color palette (#DDF5ED, #7E9B00, #0086A3, #4D5F00, #003C4A)
- Airy Meadow color palette (#F9ECDE, #F0A93D, #0988E3, #9A6500, #0D375B)
- Powdered Balcony color palette (#F1F0DA, #9CCB62, #D663BB, #4A7000, #4B2741)
- Quiet Amethyst color palette (#E2E4C1, #57AF38, #833EF3, #1B5200, #200646)
- Violet Archive color palette (#E9E6C9, #9BB849, #BA558B, #805DC8, #302C0F)
Browse the whole catalog at Explore, or see today's palette.