Emerald Basin color palette — #FBF2FA · #C4E7F3 · #5DBEEE · #0EA665 · #233A62

A conversation between Kelly Green and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Frost (#C4E7F3): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#5DBEEE): A luminous, balanced blue — the color of deep harbor water.
• Kelly Green (#0EA665): A luminous, balanced teal — the color of sea glass.
• Navy (#233A62): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Emerald 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 Canyon color palette (#FAF3F6, #CAE4F9, #95B1EC, #00A199, #3D3160)
• Wandering Turquoise Atelier color palette (#F0F7F1, #D5D6E5, #00B9DC, #00816F, #133145)
• Softworn Jade color palette (#F8F3F8, #D4D5E7, #9BCFE8, #72B386, #43546A)
• Pale Mint color palette (#DBEEDC, #5ED4B7, #00AAB4, #008BA8, #003B5F)
• Chalky Azure color palette (#F3E9F1, #9AC7DE, #3B99DE, #008061, #121451)
• Softworn Coral color palette (#E0F2F9, #66D1DE, #F88E80, #00A4B3, #5A201A)
• Faded Courtyard color palette (#ECE2EA, #67ADBA, #007CB5, #006041, #02002F)
• Weathered Cerulean Ridge color palette (#F9F0EC, #8AD7DB, #3486A8, #285B3A, #2F152F)

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