Cobalt Veranda color palette — #F7F1E7 · #A6D2C5 · #557CB9 · #00596C · #171C41

Built around Slate, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#F7F1E7): a clean, paper-quiet neutral.
• Pistachio (#A6D2C5): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#557CB9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00596C): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#171C41): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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

• Powdered Cobalt Courtyard color palette (#FCF0DE, #81C6E5, #0078B8, #005156, #00173F)
• Cerulean Cabin color palette (#F8F1E5, #9FDCE0, #0092AC, #006453, #00293A)
• Ancient Cobalt color palette (#FDF2F5, #AAC9E5, #6273B8, #005F60, #422F5D)
• Tempered Denim Lantern color palette (#E9E1D5, #5495A6, #00506E, #002C2B, #00050D)
• Powdered Azure Studio color palette (#CAECF3, #0B9FCE, #006FA5, #003E72, #0C1C45)
• Petrol Bloom color palette (#F5F1EA, #C5E5E7, #7F9FC6, #347583, #412F3E)
• Misty Summit color palette (#D8EFE9, #5496D3, #AE6A00, #005894, #2B1600)
• Muted Petrol color palette (#FFEAFE, #F4CDE4, #BFA3CD, #427D9B, #352032)

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