Quiet Sapphire color palette — #ECF0E5 · #8DB6DE · #0464CB · #004B6A · #1B2C54

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

The five colors

• Cream (#ECF0E5): a clean, paper-quiet neutral.
• Sky (#8DB6DE): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#0464CB): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Navy (#004B6A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Navy (#1B2C54): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Timeworn Petrol color palette (#EEF0E4, #85BBCC, #007295, #004F56, #003249)
• Weathered Garden color palette (#F0E7DE, #81B9EA, #4E67AB, #004A53, #160C35)
• Patina Cobalt Meadow color palette (#E8F2E7, #9DCAF1, #6783CD, #006A77, #2D2553)
• Cerulean Chapel color palette (#F4F7E8, #8EDCF0, #008DB0, #00656C, #054660)
• Denim Market color palette (#E2E5D8, #5E98B6, #004F77, #002E39, #00152A)
• Muted Amethyst Workshop color palette (#D2E4D3, #009096, #793ED7, #005457, #2D1E4D)
• Aged Lantern color palette (#F8ECE0, #AFDFD1, #8F9EEB, #009094, #36224E)
• Faded Azure Cabin color palette (#E4FAE9, #67D4F1, #4DA7DA, #006968, #183725)

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