Dusty Coast color palette — #EFF1FF · #9DBF8C · #5D497F · #222343 · #0A0B17

A conversation between Charcoal Brown and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF1FF): a clean, paper-quiet neutral.
• Sage (#9DBF8C): A luminous, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#5D497F): A full-bodied, balanced violet — the color of a velvet chair.
• Midnight (#222343): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#0A0B17): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Stone Market color palette (#FFF0F7, #AFD289, #7467A1, #543946, #281E23)
• Timeworn Apricot color palette (#F6F3FF, #EA9674, #6B3F69, #302941, #20181F)
• Mulberry Market color palette (#F9EDFF, #A9AF42, #8B014E, #410022, #0E0214)
• Quiet Aubergine color palette (#EAE7FC, #80A400, #630075, #270030, #040011)
• Pewter Balcony color palette (#F3F0F7, #E3D4DA, #D1B7BA, #976184, #2E2A32)
• Aged Bronze Field color palette (#F1F1F9, #C9A0E4, #B3580E, #7A4E96, #180811)
• Muted Rust Orchard color palette (#E2F8ED, #C582B9, #A64B3C, #00505D, #2A1C31)
• Weathered Olive color palette (#EFF1FF, #8F75C4, #7A7A00, #006057, #16182B)

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