Jade Veranda color palette — #F8F3F8 · #CFE1F6 · #8CC7E3 · #4DAF73 · #324967

Jade and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Frost (#CFE1F6): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#8CC7E3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Jade (#4DAF73): A luminous, balanced teal — the color of glacier melt.
• Navy (#324967): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Softworn Aqua Terrace color palette (#F1F7F2, #D5D6E6, #5DCCE4, #27967D, #294353)
• Patina Teal color palette (#FAF3F5, #D8DDF2, #A4BBFD, #00AEAC, #4C4067)
• Emerald Lagoon color palette (#FBF2FC, #ABF4F3, #31C8F5, #00AE44, #074075)
• Washed Emerald color palette (#F4EBF3, #AADCEF, #22B2ED, #00965A, #0D2A60)
• Quiet Canyon color palette (#F9F2FF, #ECA6C3, #A5C076, #4DB379, #3F3149)
• Indigo Boulevard color palette (#E9DADF, #78A6CA, #566CC6, #005D5D, #0F0023)
• Faded Pier color palette (#F4F4FF, #DFBCF6, #7ED39D, #C07DE7, #1F4D32)
• Cobalt Courtyard color palette (#EADAE6, #7EBBC7, #008CCC, #00704D, #04004B)

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