Quiet Sapphire Harbor color palette — #FEF1F7 · #7FC2E2 · #0164E3 · #00574E · #322665

Royal Blue and Royal Purple set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FEF1F7): bright and airy, almost weightless.
• Sky (#7FC2E2): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#0164E3): A full-bodied, vivid blue — the color of deep harbor water.
• Peacock (#00574E): A full-bodied, dusty teal — the color of shallow lagoons.
• Royal Purple (#322665): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Aged Loft color palette (#FFF0FB, #73C6D7, #0075AF, #00583E, #1D2B6C)
• Softworn Ultramarine Terrace color palette (#ECDFE4, #6DA6C9, #1D49C0, #003E3B, #221442)
• Cornflower Thicket color palette (#ECF9EF, #84D7FF, #0092E9, #00717B, #163161)
• Iris Dune color palette (#FBF3F5, #C7DFF7, #7884CA, #007074, #434463)
• Azure Dune color palette (#DFEDFF, #0999F0, #00639A, #002C55, #001B33)
• Gentle Drift color palette (#DBECE7, #00A0A6, #007394, #00408E, #292371)
• Tempered Fuchsia Orchard color palette (#E9F7FF, #BAC4FF, #E660E3, #006E5A, #1B3B61)
• Patina Balcony color palette (#CDE9FF, #259EDD, #984700, #00547C, #4B2000)

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