Pale Sapphire color palette — #F3F7EA · #8FBDE7 · #006BD0 · #005170 · #092A76

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

The five colors

• Ivory (#F3F7EA): a clean, paper-quiet neutral.
• Sky (#8FBDE7): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#006BD0): A full-bodied, vivid blue — the color of deep harbor water.
• Peacock (#005170): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#092A76): 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 Pale 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

• Petrol Station color palette (#F4F8E4, #7CC4D8, #00799B, #00555B, #003850)
• Hushed Sapphire Courtyard color palette (#F9F0E7, #7DC2FD, #395FF0, #00505A, #1B0945)
• Antique Garden color palette (#E7FAF9, #BBDEFF, #6EADFF, #008FC4, #172F66)
• Faded Cornflower Market color palette (#FFF1F5, #9CD1FE, #5782FF, #00707D, #332663)
• Muted Ridge color palette (#E5E7D9, #579BA9, #005266, #002F31, #001721)
• Patina Cypress color palette (#F5F6EF, #CAE3DC, #81A387, #088072, #375140)
• Gentle Olive Orchard color palette (#D9E2D3, #4E8200, #007275, #764500, #162B00)
• Faded Teal color palette (#E0FFDE, #A0E6B5, #00B897, #496C00, #00421A)

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