Jade Coast color palette — #F3F7E9 · #C8E2D1 · #A2CDB8 · #00B660 · #2E3800
Built around Clover, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Ivory (#F3F7E9): a clean, paper-quiet neutral.
- Celadon Mist (#C8E2D1): A whisper-light, dusty teal — the color of shallow lagoons.
- Pistachio (#A2CDB8): A luminous, dusty teal — the color of shallow lagoons.
- Clover (#00B660): A luminous, vivid teal — the color of sea glass.
- Forest (#2E3800): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. Tagged scandi, muted, light.
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
- Teal Studio color palette (#F1F7EF, #C7E1DA, #9ECDC5, #00AFA2, #2A3727)
- Softworn Jade Grove color palette (#EBEFCF, #83D699, #00B278, #5A8951, #003917)
- Dusty Moss Basin color palette (#F7F6EC, #D2DECE, #AFCBAF, #8BA52A, #34332C)
- Dusty Emerald Dune color palette (#EDF8F6, #CED8ED, #AA9DB0, #00992A, #052B28)
- Weathered Teal Delta color palette (#D2F2EA, #00A992, #006764, #003F35, #040900)
- Weathered Sapphire Basin color palette (#D9EEB8, #00D096, #00A499, #1A67CF, #003126)
- Grape Harbor color palette (#D7F0D6, #00C0BE, #0092DD, #703DD8, #032D03)
- Aged Cerulean Studio color palette (#DEEAE3, #AEC5C5, #87B1B5, #008FAC, #14231B)
Browse the whole catalog at Explore, or see today's palette.