Misty Drift color palette — #FFF1F5 · #A76500 · #007331 · #003491 · #070001

Built around Indigo, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Ochre (#A76500): A full-bodied, balanced gold — the color of old brass.
• Pine (#007331): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#003491): A deep, shadowed, vivid violet — the color of a velvet chair.
• Black (#070001): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Misty Drift 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 (#FFF1F5, #C07400, #436100, #004259, #050001)
• Wandering Aubergine Pier color palette (#E7FBF2, #838800, #006952, #45009F, #040002)
• Airy Nightshade Basin color palette (#EAFAEC, #B38B33, #0B8A47, #353CA2, #190414)
• Powdered Navy color palette (#FFF0FE, #E06568, #22771D, #012792, #1F000F)
• Navy Boulevard color palette (#E5FCE8, #855F00, #005844, #1F0070, #030000)
• Soft Orchard color palette (#E3FEE4, #EB8057, #7A6B00, #3D189E, #1F0D00)
• Moonless Fern Field color palette (#CFEDE4, #506700, #004343, #1D003C, #030100)
• Misty Terracotta color palette (#FBDDEF, #903900, #374900, #3C0044, #0B000D)

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