Hazy Sapphire color palette — #F2E0FF · #FF83BF · #00994F · #0065C5 · #00234C

A conversation between Royal Blue and Bubblegum, giving this palette its sense of nature and growth.

The five colors

• Blush (#F2E0FF): A whisper-light, dusty violet — the color of a velvet chair.
• Bubblegum (#FF83BF): A luminous, vivid rose — the color of a warm blush.
• Kelly Green (#00994F): A full-bodied, balanced teal — the color of sea glass.
• Royal Blue (#0065C5): A full-bodied, vivid blue — the color of deep harbor water.
• Midnight (#00234C): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

One click turns Hazy 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

• Faded Garden color palette (#FFDFDE, #FF777D, #009F92, #2860CA, #001A61)
• Fuchsia Coast color palette (#E7E4FF, #E18AFF, #808700, #007292, #002936)
• Timeworn Blush Terrace color palette (#F5E0F9, #FF7394, #009E9C, #00767A, #00273E)
• Sunlit Apricot color palette (#FFF0FA, #FF9777, #00ACBE, #5C6DC2, #212A60)
• Apricot Corridor color palette (#EEDFE7, #FF9B52, #9BA158, #5A79A2, #153E72)
• Wandering Mallow Alley color palette (#FAF1FF, #FBACCA, #72BC96, #7984B4, #37425A)
• Tangerine Garden color palette (#F4D9E5, #F17F0C, #008FC3, #5158A6, #16154D)
• Gentle Ember color palette (#FFE1D2, #FA341A, #5A7400, #005160, #360350)

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