Jade Basin color palette — #F7F0C8 · #57BA6F · #008C6F · #0C5A8A · #2F312B

Jade takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#F7F0C8): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#57BA6F): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#008C6F): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#0C5A8A): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#2F312B): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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

• Sunlit Moss Basin color palette (#FBEECA, #98AE2F, #4A8940, #00606F, #31312A)
• Dusty Pier color palette (#F1F1D2, #00BBA8, #008892, #464F8D, #223620)
• Aged Emerald color palette (#FAEDD7, #529A4A, #00695E, #512F64, #2F312B)
• Wandering Mint Pier color palette (#F7F6E6, #95C482, #5C8F61, #64645C, #36362F)
• Pale Emerald color palette (#E3EAD3, #009860, #00675A, #00386B, #001C12)
• Turquoise Studio color palette (#F6F6E9, #A1E2E1, #04A9B4, #2C7B6E, #1E442C)
• Chalky Mulberry color palette (#FFF2EF, #B7BE65, #00918A, #8A2056, #222402)
• Chartreuse Veranda color palette (#F1F9DE, #9FED78, #59D490, #1FAE94, #003B29)

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