Jade Coast color palette — #FBF3F0 · #C7E7DF · #86C9E1 · #48AE86 · #235146

Jade and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#C7E7DF): A whisper-light, dusty teal — the color of sea glass.
• Sky (#86C9E1): A luminous, dusty blue — the color of open sky before noon.
• Jade (#48AE86): A luminous, balanced teal — the color of shallow lagoons.
• Forest (#235146): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Timeworn Meadow color palette (#FAF3F0, #C6E7E3, #7BC8F3, #00B196, #573D58)
• Mint Cabin color palette (#EAFAEC, #C4E6E9, #E3CAEC, #6DC9AE, #38574B)
• Lagoon Atelier color palette (#EEF8F5, #C9DFF6, #63B3BE, #008D83, #264D5F)
• Frosted Teal color palette (#E0EBC5, #86DEC7, #24C6C7, #0098B3, #1C4961)
• Aged Cerulean Loft color palette (#F3E0D8, #72BDCC, #008EC2, #006F5C, #00132F)
• Aged Cerulean Parlor color palette (#F7EFF5, #A9EAED, #4B99B2, #386A54, #1B2E3F)
• Gentle Turquoise Studio color palette (#E9FBEC, #89DCE4, #FF9F9A, #00B3C1, #64312F)
• Gentle Sapphire Meadow color palette (#F9EDE2, #78A6CC, #466DD0, #005C66, #0A0028)

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