Jade Coast color palette — #F6F6EA · #C5DFB0 · #DAB8E9 · #91B66F · #63424B

Sage and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F6EA): a clean, paper-quiet neutral.
• Celadon Mist (#C5DFB0): A whisper-light, dusty green — the color of new leaves after rain.
• Lavender (#DAB8E9): A whisper-light, dusty pink — the color of neon signs at night.
• Sage (#91B66F): A luminous, balanced green — the color of a quiet forest floor.
• Cocoa (#63424B): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged 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

• Dusty Canyon color palette (#F2F8EB, #AAE4CC, #F5B3B6, #72B99E, #674237)
• Taupe Pier color palette (#FDF4E5, #E8D39C, #A7C8FE, #BEA667, #5E425D)
• Tempered Ash color palette (#F3F9DF, #A1D7AA, #CBB1E1, #CA8EB5, #42433C)
• Mallow Market color palette (#E9F9F5, #B3CEA1, #C99FD5, #779860, #4D4965)
• Hushed Lagoon Basin color palette (#E8F3DA, #74D5AE, #FF98A9, #009F74, #56222C)
• Worn Fern color palette (#F7F6E8, #B7E4E4, #CFB691, #B3B1BE, #495810)
• Worn Fern Drift color palette (#FFF3E8, #EAD7B7, #D1AE90, #AC897B, #544700)
• Stone Corridor color palette (#F2FADA, #C4EBC7, #9BC594, #63946D, #244528)

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