Quiet Sapphire color palette — #F1E7DE · #89BADA · #2467C9 · #004B4E · #110D38

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

The five colors

• Parchment (#F1E7DE): a clean, paper-quiet neutral.
• Sky (#89BADA): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#2467C9): A full-bodied, vivid blue — the color of deep harbor water.
• Forest (#004B4E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#110D38): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Muted Petrol Ridge color palette (#ECF1E0, #81B9DE, #1A6CAA, #004C62, #112E52)
• Ancient Terrace color palette (#F3E6E0, #98BFA0, #007698, #004D3A, #00172D)
• Worn Cobalt color palette (#F7F1E9, #A7D2C6, #5C75CD, #005967, #321525)
• Muted Denim color palette (#ECDCD4, #54ACB0, #006279, #003B27, #000C18)
• Cerulean Garden color palette (#FDEEE8, #9ADDE5, #0090BA, #00644D, #002647)
• Faded Azure Ridge color palette (#E9F9F8, #D2DCF9, #0C97F4, #006682, #001D43)
• Antique Lagoon color palette (#F6F1EB, #C7E4E7, #809CD4, #39757D, #442E3B)
• Tempered Lagoon Corridor color palette (#F7E8E0, #068A8A, #004350, #002111, #000103)

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