Misty Coast color palette — #E6F4FF · #0084C0 · #816800 · #165900 · #001627

Cerulean and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E6F4FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0084C0): A full-bodied, balanced blue — the color of open sky before noon.
• Walnut (#816800): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#165900): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#001627): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Faded Summit color palette (#E4E8FE, #7F61B8, #935200, #125207, #0C0D24)
• Bronze Alley color palette (#E5F4FF, #0087B3, #A15300, #703800, #001722)
• Lilac Lantern color palette (#F1F0FF, #A06FB8, #747A3D, #525700, #19172A)
• Muted Ultramarine color palette (#E2ECFF, #4656C4, #605600, #3E3700, #030420)
• Worn Pier color palette (#FFF0F9, #8786F3, #E04C3D, #577100, #26254F)
• Frosted Amethyst color palette (#E4E2F6, #7142DE, #4A6600, #004449, #0D002A)
• Peony Boulevard color palette (#FFF0FC, #80A1FF, #D8639D, #00786B, #0D173D)
• Softworn Veranda color palette (#F0F0FF, #B35FE5, #366A08, #00523A, #130E2C)

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