Cobalt Veranda color palette — #E4F7F0 · #0790CE · #AF574B · #654F00 · #0B1E18

Cerulean and Brick set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E4F7F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0790CE): A luminous, balanced blue — the color of deep harbor water.
• Brick (#AF574B): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#654F00): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#0B1E18): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

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

• Plum Loft color palette (#EAF5EC, #0098A5, #B14D7B, #77440D, #0F1E13)
• Dusty Terracotta color palette (#E7F6F1, #3B79C1, #9C3D25, #4A4800, #071406)
• Antique Iris Drift color palette (#FEEBFA, #7691ED, #974F00, #4C5900, #22151F)
• Worn Grove color palette (#E9F8FF, #0091A5, #8C6C08, #645020, #203640)
• Powdered Azure color palette (#EDF7FF, #3AA9E7, #C67572, #856B2C, #213545)
• Powdered Pewter Atelier color palette (#FDF0DB, #8697DE, #82559A, #5B4100, #311A27)
• Muted Sapphire color palette (#DBE8FE, #005FE4, #914000, #3D3F00, #000823)
• Faded Pier color palette (#FFECF5, #8556EC, #8C6200, #055A10, #230918)

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