Pale Sapphire color palette — #FDEDF3 · #76C5F8 · #2B6CD8 · #005156 · #160E44

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

The five colors

• Blush (#FDEDF3): a clean, paper-quiet neutral.
• Sky (#76C5F8): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#2B6CD8): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005156): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#160E44): 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

• Chalky Sapphire color palette (#FFF3E8, #85BFE6, #4365CB, #005653, #392362)
• Powdered Petrol color palette (#FEECF8, #63CDDF, #007CA7, #005343, #001A38)
• Weathered Ultramarine Pier color palette (#F4E0E6, #55A3DF, #2D4FAD, #00383F, #0C002B)
• Cornflower Courtyard color palette (#FEF4E4, #93D3FF, #2A8CF6, #007082, #1C2B6C)
• Antique Cerulean color palette (#F7EFF4, #A9EAEA, #499AAF, #2C6D4D, #132F44)
• Hushed Workshop color palette (#EDE0EA, #16888E, #004254, #002014, #000104)
• Ancient Lantern color palette (#FFE9ED, #CF0064, #007564, #005E65, #23000B)
• Gentle Veranda color palette (#F3DFE4, #F1087B, #008379, #8D0045, #001B18)

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