Washed Sapphire color palette — #FFF3E9 · #78C2E6 · #0066E1 · #00574D · #31295F

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sky (#78C2E6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#0066E1): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Forest (#00574D): A full-bodied, dusty teal — the color of sea glass.
• Navy (#31295F): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Pale Cobalt Lantern color palette (#E9F6EB, #63C8F8, #0076BE, #005058, #001447)
• Aged Navy Loft color palette (#FFF2ED, #6CC8D0, #0078A1, #005931, #042E6F)
• Hushed Cobalt color palette (#FAF4EF, #A5D1BA, #417ABC, #006152, #4F2E44)
• Cornflower Bloom color palette (#FFF4E2, #84D7FF, #0092E9, #00717B, #0B2E6C)
• Pale Ultramarine Grove color palette (#E6DDD5, #64A7CF, #254DB4, #003E3B, #221541)
• Washed Azure Boulevard color palette (#E3F2FF, #0AA3F4, #005A9D, #003154, #00173B)
• Washed Navy color palette (#DFF0EC, #00A4AF, #006E91, #003C7C, #201F6F)
• Hushed Fuchsia Loft color palette (#E8F8FF, #C1CBFF, #DD75DB, #007662, #013E66)

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