Ultramarine Veranda color palette — #CAE1F9 · #3786E6 · #144AB6 · #19257D · #0E073E

Built around Cobalt, softened by Azure — the whole palette hums with trust and stability.

The five colors

• Powder Blue (#CAE1F9): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#3786E6): A luminous, vivid blue — the color of deep harbor water.
• Cobalt (#144AB6): A full-bodied, vivid violet — the color of a velvet chair.
• Navy (#19257D): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#0E073E): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Cornflower Corridor color palette (#B7EBFF, #44AFFF, #4379EC, #3C2F99, #291147)
• Pale Pier color palette (#DCEFF9, #008FC8, #006198, #003660, #00102F)
• Quiet Navy Canyon color palette (#DDDFFF, #8787E6, #4E43AC, #240A77, #03001C)
• Worn Canyon color palette (#E1E5FE, #7B71DA, #6340B6, #440A79, #27003D)
• Nightshade Summit color palette (#DFF1F8, #1A90CF, #1950C8, #3400A7, #3B1E66)
• Tempered Nightshade Quarry color palette (#D9E2F7, #5D5FDE, #3C16A9, #27005E, #0F0025)
• Muted Nightshade color palette (#F8DDF2, #5D79D0, #B63259, #2132A9, #2A000C)
• Quiet Sapphire color palette (#F6E6F1, #4F5CCD, #8F3777, #005760, #050625)

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