Misty Sapphire color palette — #EFF6FF · #2D72FC · #725500 · #464100 · #00361F

A conversation between Sapphire and Coffee, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sapphire (#2D72FC): A full-bodied, vivid violet — the color of a velvet chair.
• Coffee (#725500): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#464100): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Forest (#00361F): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged 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

• Quiet Villa color palette (#F2F5FF, #8451FF, #5A5F00, #0F4E04, #003B20)
• Antique Iris color palette (#F1F5FF, #747DE0, #805C00, #00544A, #003942)
• Feathered Dune color palette (#D1E3FA, #0064CD, #6C3500, #183600, #002015)
• Ancient Summit color palette (#EAF7FF, #008BAC, #AA0805, #414300, #133311)
• Obsidian Lapis color palette (#D6DFF4, #4D06E9, #443500, #002712, #00100E)
• Soft Forest color palette (#FBF2FB, #69E4E6, #008CB2, #0F6B30, #224165)
• Linen Orchid Archive color palette (#FFECF1, #A661C3, #9A2A56, #5E2500, #1E1700)
• Misty Byzantium color palette (#E6E5FF, #A400D4, #315800, #003C37, #00232B)

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