Jade Basin color palette — #F8F3F8 · #D4D5E3 · #AFC6F4 · #58A478 · #3C4E68

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

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Silver (#D4D5E3): bright and airy, almost weightless.
• Sky (#AFC6F4): A whisper-light, dusty violet — the color of wild irises.
• Jade (#58A478): A luminous, balanced teal — the color of sea glass.
• Peacock (#3C4E68): A full-bodied, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Weathered Glacier Atelier color palette (#F8F5EF, #C2E0E6, #8CD3E7, #6DB1A1, #365146)
• Patina Ash color palette (#EDF4EE, #CDE0F6, #68A7B8, #3E776A, #243947)
• Hushed Moss Parlor color palette (#E9FAF5, #D9EEC1, #F8B4D8, #86A758, #4F3E5E)
• Hushed Periwinkle color palette (#FFF0F8, #D6D4E0, #6DB2FF, #008A74, #2D2C65)
• Aged Quarry color palette (#FCF3EF, #C4F2E7, #77A591, #677732, #5E4B5E)
• Softworn Stone Lagoon color palette (#E8F9F7, #D0DFEC, #C9B983, #BDB0B1, #385455)
• Patina Meadow color palette (#F1E5EE, #71ADBA, #005A89, #002D1E, #00000B)
• Patina Lagoon Boulevard color palette (#E0FEE8, #C6EBC2, #95C07F, #35956A, #234E57)

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