Misty Coast color palette — #DDE1D0 · #8DA123 · #7A2CCF · #475300 · #1F003E
Violet and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Bone (#DDE1D0): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#8DA123): A luminous, balanced green — the color of fresh herbs.
- Violet (#7A2CCF): A full-bodied, vivid violet — the color of wild irises.
- Deep Olive (#475300): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#1F003E): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Misty 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
- Amethyst Courtyard color palette (#D2EFDB, #A28300, #7750DC, #5D4A00, #1A0043)
- Aged Cabin color palette (#DAF5DB, #27B242, #8918CA, #005D18, #220038)
- Pale Market color palette (#BFF2E0, #8A9F22, #8600D1, #495500, #41006A)
- Gentle Courtyard color palette (#EFE5BF, #B3B82A, #A33EE9, #6C6F00, #430067)
- Soft Plum Canyon color palette (#D9EED6, #3AB12E, #BC1B94, #0D4F06, #2D0021)
- Raspberry Courtyard color palette (#D1FCF9, #2AC66C, #B03CA5, #006E36, #3A0236)
- Soft Bloom color palette (#FFE9D0, #C78522, #0065B1, #6A4200, #00162F)
- Aged Raspberry Harbor color palette (#DAF3EA, #009D7E, #C30099, #005A47, #2D0021)
Browse the whole catalog at Explore, or see today's palette.