Misty Sapphire color palette — #EEF6DF · #00CA80 · #3365FF · #007D4D · #050F2D

Built around Royal Blue, softened by Clover — the whole palette hums with nature and growth.

The five colors

• Cream (#EEF6DF): A whisper-light, dusty green — the color of a quiet forest floor.
• Clover (#00CA80): A luminous, vivid teal — the color of sea glass.
• Royal Blue (#3365FF): A full-bodied, vivid violet — the color of a velvet chair.
• Teal (#007D4D): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#050F2D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged duotone, vibrant.

Use it as a design system

One click turns Misty Sapphire 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

• Airy Workshop color palette (#F2F4DF, #47CB00, #0371EB, #297E00, #00102C)
• Hushed Indigo Ridge color palette (#E3F9E2, #00C3C1, #535DFC, #007977, #090B31)
• Powdered Canyon color palette (#EFF6DB, #00AA53, #103AD3, #005627, #050F2D)
• Airy Terrace color palette (#E5FAFB, #00E4B3, #0089BC, #007E61, #000204)
• Feathered Veranda color palette (#F5F3DB, #89BF00, #0085A3, #537600, #00170C)
• Patina Cabin color palette (#EBF9F0, #3BC7E6, #8D6CC2, #007F96, #23121A)
• Muted Emerald Lagoon color palette (#DEF8F4, #85E482, #B993FF, #14911E, #180232)
• Cobalt Courtyard color palette (#FFDBD2, #00AFA9, #1279C8, #811A00, #002F37)

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