Cobalt Veranda color palette — #FEF1F8 · #51C8EE · #006FC5 · #005748 · #2B2B61

Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FEF1F8): a clean, paper-quiet neutral.
• Sky (#51C8EE): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#006FC5): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005748): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#2B2B61): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Cobalt Studio color palette (#FCF2F8, #A7CBDE, #347DBA, #00624C, #2D3A57)
• Quiet Sapphire Harbor color palette (#FFF1F6, #86BFE6, #2E53FC, #005653, #382461)
• Aqua Hollow color palette (#FEF0DA, #3ACDF9, #007AB0, #005153, #001A38)
• Ultramarine Pier color palette (#F2E5EB, #5DA9CB, #0053B0, #003F37, #1D1546)
• Faded Courtyard color palette (#DCEFFF, #0B9BF1, #00619D, #003351, #001C2A)
• Navy Coast color palette (#CAEFE0, #00A2A7, #006C88, #004872, #1F2A6F)
• Fuchsia Lagoon color palette (#E1F7FF, #A7CDFF, #EB71E5, #00715C, #12425C)
• Chestnut Station color palette (#C2E9FB, #007CA0, #915200, #5D4B00, #002937)

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