Pale Jade color palette — #FCF1FA · #A5F4FB · #5CC3F5 · #47A670 · #253F6B

A conversation between Jade and Sky, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF1FA): bright and airy, almost weightless.
• Sea Foam (#A5F4FB): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#5CC3F5): A luminous, balanced blue — the color of open sky before noon.
• Jade (#47A670): A luminous, balanced teal — the color of sea glass.
• Navy (#253F6B): A deep, shadowed, balanced 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 Pale Jade 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

• Teal Villa color palette (#FFF1F7, #C8EAFF, #90B6FF, #00A69C, #42336F)
• Tempered Boulevard color palette (#F8E9F3, #AEDBF1, #52ADEF, #00956F, #202A54)
• Ancient Teal Drift color palette (#FAF3F7, #D7D4E4, #B9BEE7, #74B09E, #47526C)
• Airy Atelier color palette (#FFE1F4, #FFB1E6, #00C8B2, #3CAF60, #4A1D3D)
• Sapphire Boulevard color palette (#F9EBF1, #62ABCD, #3471D0, #005E55, #0A0027)
• Iris Alley color palette (#F4E8ED, #94C8E6, #658FE5, #007E76, #221049)
• Worn Studio color palette (#FEEEE8, #98DDE4, #008EC0, #00663B, #102446)
• Dusty Periwinkle Harbor color palette (#F5F3FF, #EADAD4, #E0D998, #87A2F3, #62384B)

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