Jade Field color palette — #F5F8E1 · #A5ECB6 · #21AB76 · #507649 · #13371E
Built around Jade, softened by Mint — the whole palette hums with nature and growth.
The five colors
- Cream (#F5F8E1): A whisper-light, dusty green — the color of fresh herbs.
- Mint (#A5ECB6): A whisper-light, balanced teal — the color of glacier melt.
- Jade (#21AB76): A luminous, balanced teal — the color of sea glass.
- Olive (#507649): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#13371E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Jade Field 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
- Moss Quarry color palette (#F9F5E6, #CFE394, #6BA600, #6E6E39, #2A3307)
- Olive Parlor color palette (#F7F6EA, #CCE8C4, #7FAC79, #6B7F3D, #393932)
- Hushed Mint color palette (#F4F9D9, #6ADF96, #009569, #00675B, #002610)
- Tempered Emerald Bloom color palette (#E3E3CB, #5DA157, #005E2D, #003427, #000200)
- Muted Station color palette (#DBFAF2, #71BB84, #007E60, #3D5524, #002725)
- Dusty Boulevard color palette (#E5EEDA, #108E77, #004640, #002023, #000200)
- Hushed Corridor color palette (#FAF5E5, #98AD57, #446D00, #11481F, #060900)
- Powdered Wisteria Thicket color palette (#DAFFF0, #22BCFE, #B17DFF, #009D77, #002536)
Browse the whole catalog at Explore, or see today's palette.