Quiet Sapphire color palette — #F0E2D2 · #7FB8E5 · #456ED1 · #005861 · #1E1447

Sapphire takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#F0E2D2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#7FB8E5): A luminous, balanced blue — the color of open sky before noon.
• Sapphire (#456ED1): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005861): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#1E1447): A deep, shadowed, balanced violet — the color of wild irises.

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

• Powdered Meadow color palette (#F3E7E1, #64C1D3, #007FAD, #005B4B, #001E44)
• Cobalt Delta color palette (#EFF8F1, #AED0F0, #4077D3, #004F61, #070035)
• Wandering Denim Drift color palette (#EBE1D6, #76A4C9, #405197, #003E3E, #270F45)
• Iris Boulevard color palette (#F1E2E7, #9AC5EB, #7B8ADF, #007C80, #2B0749)
• Quiet Azure Harbor color palette (#FFF2EB, #6ADCFA, #0096DA, #007466, #113066)
• Pine Summit color palette (#FFF2EB, #80F1EB, #00AEC8, #05884D, #12455E)
• Crimson Delta color palette (#F6D8DA, #D70052, #007A70, #205979, #28010A)
• Softworn Pier color palette (#FBF3EE, #C3F2F2, #C3A5C7, #728F70, #5F4B5A)

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