Sapphire Veranda color palette — #E4F2F2 · #8AB6E1 · #2A67B8 · #004B6A · #1E2C4D

A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#E4F2F2): bright and airy, almost weightless.
• Sky (#8AB6E1): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#2A67B8): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004B6A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#1E2C4D): 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 Sapphire Veranda 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 Petrol color palette (#DEF4F1, #61C0D8, #007391, #004F54, #003347)
• Lilac Atelier color palette (#EFF5FF, #BBC0FF, #A390CD, #3B648F, #223150)
• Azure Dune color palette (#C8E6F5, #009EDF, #00639A, #003C70, #0C284F)
• Powdered Cerulean Pier color palette (#E3FBF8, #7DDEF7, #008CB1, #00656C, #004661)
• Powdered Cobalt Balcony color palette (#CEE0F4, #0081DD, #008040, #004B83, #003316)
• Tempered Iris Hollow color palette (#F7EBEF, #B5D7F9, #909BF7, #009097, #37224C)
• Hushed Canyon color palette (#DCE8FE, #0A5AEF, #8F2E8E, #00595A, #0B1F3B)
• Airy Ultramarine color palette (#DAE5FF, #5D8EFF, #2A4AB9, #0F1C6B, #020E4A)

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