Chalky Sapphire color palette — #F9F1E4 · #7AC3FF · #1C69E3 · #004F61 · #101143

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

The five colors

• Cream (#F9F1E4): bright and airy, almost weightless.
• Sky (#7AC3FF): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#1C69E3): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#004F61): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#101143): 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 Chalky 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

• Weathered Coast color palette (#EEE8DF, #7DBDDB, #2371A7, #004A50, #001338)
• Sunlit Sapphire color palette (#FFF1F6, #8EBDE6, #4767C3, #00545E, #332566)
• Cobalt Meadow color palette (#F7F1E7, #A1CEEE, #547EB3, #005969, #31142C)
• Cornflower Dune color palette (#E8F9F9, #9DD1FF, #428DE7, #006C94, #0B2C72)
• Softworn Iris Villa color palette (#FEF3E7, #DCE2F6, #7291FF, #007271, #2D1052)
• Hushed Teal color palette (#F1E7D8, #32B1AC, #00646D, #003B29, #000D13)
• Cerulean Thicket color palette (#EDE4D6, #008896, #004354, #00201B, #000103)
• Faded Mulberry color palette (#D9E6D3, #3F8500, #0061C4, #9B002F, #041300)

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