Misty Sapphire color palette — #FFF3E9 · #6BC3F0 · #106DC9 · #005556 · #272C60

A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sky (#6BC3F0): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#106DC9): A full-bodied, vivid blue — the color of deep harbor water.
• Peacock (#005556): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#272C60): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Tempered Sapphire color palette (#FFEEE1, #7EC6EB, #276ADC, #00524B, #1D004E)
• Timeworn Aqua Delta color palette (#FFF2EC, #3FCDDA, #00799B, #005841, #00355C)
• Patina Cornflower color palette (#FFF1F7, #8DD6FA, #3B87FF, #007368, #33226D)
• Worn Denim color palette (#F2E4D7, #5EA7D6, #1E52AA, #003D41, #1B1842)
• Hushed Delta color palette (#EEF8F0, #AEE2FF, #59B1FF, #0095A5, #082A77)
• Dusty Periwinkle Quarry color palette (#D8FFF4, #15E7FB, #659EFF, #3B6F27, #003D40)
• Timeworn Study color palette (#FDF3EE, #AEEAE5, #4D96A4, #436D50, #2A5142)
• Teal Study color palette (#B2FFFC, #00B0A5, #006161, #003633, #001D1C)

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