Dusty Coast color palette — #F1F5FF · #92AFFF · #B79907 · #314EF3 · #261E00

Iris takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Sky (#92AFFF): A luminous, balanced violet — the color of wild irises.
• Mustard (#B79907): A luminous, balanced green — the color of new leaves after rain.
• Iris (#314EF3): A full-bodied, vivid violet — the color of a velvet chair.
• Onyx (#261E00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Dusty 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

• Cobalt Loft color palette (#EEF6FF, #71B8FF, #D38A06, #006BB9, #2D1A00)
• Antique Indigo Bloom color palette (#DDE3FF, #A0AEFF, #E4A520, #6169F3, #3E2900)
• Timeworn Grape Boulevard color palette (#FFF1F6, #CCB0FF, #8BA100, #7D1BD7, #1C2200)
• Violet Dune color palette (#FFF1F6, #D2B8FF, #9AC129, #9158DA, #273400)
• Pale Cornflower Garden color palette (#D5E7FE, #2C80FD, #837100, #0045A2, #1B1600)
• Antique Ultramarine Workshop color palette (#D6E6FF, #5076FE, #8D6A00, #2100E5, #3B2B00)
• Jade Pier color palette (#FFF1F3, #E7A2EF, #62BF79, #9956A1, #033113)
• Worn Ember color palette (#DCFFEB, #2FD5FE, #EC4E1C, #007791, #3C0A00)

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