Misty Coast color palette — #E7DDC8 · #DCC249 · #6C85EA · #978100 · #171F5F

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

The five colors

• Bone (#E7DDC8): A whisper-light, dusty gold — the color of honey in a jar.
• Honey (#DCC249): A luminous, balanced green — the color of new leaves after rain.
• Lavender Blue (#6C85EA): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#978100): A luminous, balanced green — the color of new leaves after rain.
• Deep Indigo (#171F5F): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Lilac Lantern color palette (#E4DFC6, #C0CC62, #B488F2, #6D7600, #331654)
• Hazy Cornflower Basin color palette (#E7DEC1, #A29D32, #567EEC, #6B6600, #11225C)
• Timeworn Violet Alley color palette (#E5E3D3, #A6BB52, #885BDE, #697A00, #23004A)
• Timeworn Violet color palette (#E8FBEC, #E0B226, #7F6BEF, #7B5F00, #180C3E)
• Periwinkle Alley color palette (#EEDAC7, #E49D54, #5EB1FF, #AA6500, #002A4D)
• Quiet Moss Quarry color palette (#F6EED6, #C5C472, #B9AFFF, #8F8C00, #352D5B)
• Lapis Courtyard color palette (#D9F6E4, #947E00, #5655D7, #534600, #0C053A)
• Quiet Peony color palette (#EEE9DC, #AEA200, #00A5CE, #D641A5, #232000)

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