Misty Coast color palette — #F5DCD0 · #E16349 · #697C00 · #005C65 · #160038

Coral Clay takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F5DCD0): A whisper-light, dusty orange — the color of toasted spice.
• Coral Clay (#E16349): A luminous, vivid orange — the color of sun-warmed clay.
• Olive Leaf (#697C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005C65): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#160038): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged warm.

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

• Ancient Amber color palette (#F8E2D2, #DE6A00, #29882B, #00587D, #230023)
• Ancient Peony Garden color palette (#F3E1DE, #EB4A88, #8B6F00, #005F53, #060044)
• Hushed Navy color palette (#FFE4DE, #C6966F, #91813E, #1D6576, #002E59)
• Apricot Bloom color palette (#FCE3CA, #EC9000, #00A559, #006EA5, #400040)
• Patina Archive color palette (#F3E5CE, #8D6D00, #00664E, #003768, #050004)
• Raspberry Basin color palette (#FFE4E4, #C53E95, #005D19, #0E257E, #020046)
• Feathered Amber Veranda color palette (#FFE3D6, #D77D00, #A26E00, #765900, #1F1B00)
• Weathered Bronze color palette (#E4F9E5, #A16F00, #684600, #002C28, #060001)

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