Sunlit Iris color palette — #F1F5FF · #8C88FF · #786C00 · #003D7F · #00112D

Lavender Blue and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Lavender Blue (#8C88FF): A luminous, vivid violet — the color of wild irises.
• Olive (#786C00): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#003D7F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#00112D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, 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

• Tempered Wisteria Bloom color palette (#F4F4FF, #BF6AFF, #766D00, #00378D, #010048)
• Peony Canyon color palette (#F6F3FF, #C86CC0, #4F7101, #331F7D, #11002C)
• Timeworn Azure color palette (#EEF6FF, #2EA1FD, #AA4600, #00494E, #00151E)
• Tempered Azure Lantern color palette (#FFF0F9, #D5D9F5, #17A1F9, #007559, #16185C)
• Patina Pine Basin color palette (#F8F2FF, #DF85BF, #018F48, #592E7F, #250E38)
• Weathered Summit color palette (#F6F3FF, #F47CE4, #009638, #2F43AB, #0F1854)
• Peony Drift color palette (#F8F2FF, #FD39CC, #007F38, #003A88, #001031)
• Blush Alley color palette (#FFDFDC, #FF6DAE, #B28000, #007A59, #002448)

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