Dusty Coast color palette — #F1F5FF · #CFDCAF · #8B8FC7 · #5C5F89 · #1C212F

Built around Blue Fog, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Celadon Mist (#CFDCAF): A whisper-light, dusty green — the color of new leaves after rain.
• Blue Fog (#8B8FC7): A luminous, balanced violet — the color of wild irises.
• Slate (#5C5F89): A full-bodied, dusty violet — the color of a velvet chair.
• Midnight (#1C212F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

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

• Washed Pewter color palette (#FEF1F7, #D8C193, #716A9C, #423B67, #2A1D24)
• Powdered Lantern color palette (#F6F3FF, #8FE5B0, #B76EBA, #7A447C, #1C162B)
• Washed Indigo color palette (#F2F5FF, #FFE2A5, #7669B4, #383256, #0D0F18)
• Hushed Corridor color palette (#DFE3F9, #65DB8D, #8567D6, #55329C, #0A0C25)
• Wisteria Delta color palette (#F5F4FB, #E1D8DC, #C1B0AA, #CA94D7, #484652)
• Aged Mint Studio color palette (#FCECF9, #9BC182, #415285, #361D32, #110A10)
• Cerulean Atelier color palette (#DEFDF5, #BAC3FC, #D08EA9, #0092A7, #3A3A54)
• Airy Aubergine Study color palette (#E6E5F5, #2E9C7C, #672878, #26002F, #02000C)

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