Iris Coast color palette — #F8F1E3 · #B8A351 · #7682E9 · #776300 · #391B31

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

The five colors

• Cream (#F8F1E3): bright and airy, almost weightless.
• Camel (#B8A351): A luminous, balanced green — the color of new leaves after rain.
• Lavender Blue (#7682E9): A luminous, balanced violet — the color of a velvet chair.
• Olive (#776300): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#391B31): A deep, shadowed, dusty pink — the color of peonies in June.

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

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

• Muted Olive Coast color palette (#F4F3E3, #93AF6A, #9A7ACF, #507100, #3B1B2A)
• Antique Moss color palette (#E6FBEF, #B1A213, #6B87CB, #716700, #314360)
• Azure Thicket color palette (#FEEFE1, #D69353, #1397D7, #915300, #003024)
• Dusty Terrace color palette (#E3FDEC, #D0B653, #969DE9, #937F2E, #3B3E65)
• Powdered Moss color palette (#FBF1D8, #9E8F03, #008DAE, #994B7F, #261D06)
• Linen Moss Market color palette (#F9F5E6, #D5DB8D, #8DBDFF, #8D9100, #482D48)
• Dusty Pier color palette (#F1EEDE, #90A022, #8600D7, #495200, #21003B)
• Patina Bronze color palette (#F8F1E3, #AFAF80, #877331, #604722, #262310)

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