Quiet Sapphire color palette — #EFF6FF · #B8D0FF · #6EAEFF · #1074F4 · #002261

Sapphire and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Lilac Frost (#B8D0FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cornflower (#6EAEFF): A luminous, balanced blue — the color of open sky before noon.
• Sapphire (#1074F4): A full-bodied, vivid blue — the color of deep harbor water.
• Midnight (#002261): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged monochrome, vibrant, cool.

Use it as a design system

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

• Powdered Dune color palette (#F4F4FF, #C3CEFF, #8E9CFB, #6866D4, #201951)
• Muted Pier color palette (#EDF6FF, #A6D7FF, #2BB8FC, #0083BF, #002B43)
• Softworn Veranda color palette (#ECF2FF, #83ADFF, #2463DF, #05317F, #001125)
• Frosted Ultramarine color palette (#F0F5FF, #D9D7F2, #4B8EFF, #0E49B9, #001634)
• Sapphire Terrace color palette (#D8E0FF, #A9BCFF, #688FFD, #385AD8, #070049)
• Iris Studio color palette (#F1F5FF, #CAD887, #7A80EA, #4F5397, #101931)
• Ancient Coast color palette (#F0F5FF, #C0CCFF, #FC7E30, #7E8EFF, #331100)
• Linen Grape color palette (#E4E3FE, #B69BFC, #8F63E3, #6500CA, #0A0021)

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