Hazy Sapphire color palette — #EDF0E7 · #8CBDB0 · #0065C8 · #004B69 · #1C2C50

Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Cream (#EDF0E7): bright and airy, almost weightless.
• Mint Leaf (#8CBDB0): A luminous, dusty teal — the color of glacier melt.
• Royal Blue (#0065C8): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Navy (#004B69): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#1C2C50): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Hazy 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 Atelier color palette (#F2F8E7, #79C0F3, #0070C1, #00526C, #093067)
• Frosted Sapphire Balcony color palette (#F2E7DB, #7DBAED, #4364C2, #004A53, #160F31)
• Softworn Petrol Alley color palette (#EEEFE5, #74BFC8, #007587, #00504D, #003441)
• Worn Cerulean Grove color palette (#F5F7E8, #93DBEC, #008DAE, #00666A, #00465F)
• Powdered Cobalt color palette (#FCE9EF, #90CBFF, #6983CA, #006A77, #2D284B)
• Softworn Hollow color palette (#EAEEDD, #5599B9, #004F75, #002E38, #001529)
• Tempered Chapel color palette (#F9D4CE, #C35375, #3457E5, #88003F, #152455)
• Weathered Iris Chapel color palette (#F6EDE4, #AED9FD, #889DFA, #009093, #34244B)

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