Sunlit Iris color palette — #FFF3E8 · #DDE1F4 · #7C8FFA · #007275 · #310B53
Lavender Blue and Deep Indigo set the tone — five colors that lean into creativity and balance.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Frost (#DDE1F4): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender Blue (#7C8FFA): A luminous, balanced violet — the color of twilight just after sunset.
- Teal (#007275): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Indigo (#310B53): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Creativity, Balance. Tagged coastal, cool, light.
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
- Powdered Azure color palette (#FFF2EC, #D2E8FE, #1AA1F9, #00755A, #17185D)
- Periwinkle Workshop color palette (#E8FBEC, #B8DFFF, #75ABFF, #0093B1, #232A6A)
- Washed Sapphire Summit color palette (#FFF1F5, #77C0F4, #425DE0, #005655, #3B2162)
- Tempered Lagoon color palette (#FBF3F0, #BEE5EC, #84C5E5, #4E9367, #4D364D)
- Tempered Denim Study color palette (#FCEBE4, #6FAEB8, #005B83, #002D1B, #00000C)
- Patina Forest color palette (#FFF2EF, #9ADAD6, #0088A4, #07560E, #000D1D)
- Weathered Tangerine Boulevard color palette (#FFF2EC, #F06E00, #00A464, #008576, #230A00)
- Washed Brick Cabin color palette (#FFF2ED, #FF8B8F, #00B397, #C80037, #00251D)
Browse the whole catalog at Explore, or see today's palette.