Iris Coast color palette — #EBF2FF · #7289D3 · #79611B · #4A4100 · #1A2200

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

The five colors

• Ivory (#EBF2FF): bright and airy, almost weightless.
• Lavender Blue (#7289D3): A luminous, balanced violet — the color of wild irises.
• Olive (#79611B): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#4A4100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#1A2200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged muted.

Use it as a design system

One click turns Iris Coast 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

• Weathered Dune color palette (#EEF1FD, #907ED1, #6A690D, #004C40, #00251E)
• Mulberry Station color palette (#F0F5FF, #7884C0, #92485E, #594500, #004237)
• Aged Cerulean color palette (#E7F4FC, #349ABE, #90504A, #004C47, #002422)
• Wandering Lagoon color palette (#E2F6FD, #1BA0A7, #8D4E5E, #583A00, #2B1A00)
• Wandering Coral color palette (#FFF0FA, #A7B5FF, #C06D80, #6A5B14, #00332F)
• Sapphire Studio color palette (#DFEAFF, #4D62BE, #623D00, #002B3E, #000C17)
• Cypress Alley color palette (#E4F5FF, #B2BDD7, #857A91, #406662, #1A3A38)
• Sapphire Grove color palette (#CFE2FF, #2F5AFE, #694300, #003616, #001305)

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