Cobalt Veranda color palette — #EDF2F9 · #DBD3E1 · #C3BAD1 · #3F68B8 · #1A2536

Royal Blue takes the lead with Midnight close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#EDF2F9): a clean, paper-quiet neutral.
• Silver (#DBD3E1): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#C3BAD1): A luminous, dusty violet — the color of wild irises.
• Royal Blue (#3F68B8): A full-bodied, balanced violet — the color of wild irises.
• Midnight (#1A2536): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Sapphire Corridor color palette (#F0F5FF, #DCD6E4, #B9BAD0, #4963BB, #39404D)
• Muted Byzantium Canyon color palette (#F1F1FC, #DED2DA, #CFB6CB, #8351A5, #232334)
• Denim Field color palette (#E4E9F4, #CACAD6, #AA9EB4, #404D99, #101621)
• Driftwood Field color palette (#F3F0F7, #DDD4D7, #B6ACA6, #897C9B, #38343D)
• Amethyst Harbor color palette (#E2E4F2, #7649CD, #3E1C32, #0B0D25, #00030B)
• Onyx Veranda color palette (#E2DEE5, #968894, #80616C, #4F0033, #020005)
• Cobalt Station color palette (#E6F4FF, #1091CF, #8D3A00, #004521, #001F0B)
• Pewter Delta color palette (#AAEAFF, #97A0D9, #9F5E7A, #1F6350, #00382A)

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