Cobalt Veranda color palette — #E7F5F4 · #7FC692 · #007FAE · #297644 · #041018

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

The five colors

• Ivory (#E7F5F4): bright and airy, almost weightless.
• Mint Leaf (#7FC692): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#007FAE): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#297644): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#041018): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, 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

• Linen Mint Hollow color palette (#E7F5F7, #31CDB7, #7F62B5, #007567, #0C0D19)
• Mustard Field color palette (#EAF5EE, #C3B551, #008398, #716600, #001119)
• Fern Canyon color palette (#F5F6EB, #95BB88, #6D65A4, #3A6F24, #2E1F27)
• Patina Lagoon color palette (#F3F7EE, #97D4B5, #309EBB, #31956B, #18281F)
• Ultramarine Drift color palette (#D6F4F8, #00AD90, #0058B1, #005A49, #00030D)
• Frosted Teal Bloom color palette (#CDFFDD, #3BCABF, #008494, #02507E, #0E1C5D)
• Dusty Teal color palette (#FFEBFA, #00B5A2, #1972A4, #663732, #092730)
• Worn Cypress color palette (#EAF4F5, #D1DAE6, #B9BDCA, #498176, #242E30)

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