Quiet Jade color palette — #F5F8E0 · #69B87A · #007D50 · #345D27 · #3A3B34
Jade and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F5F8E0): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#69B87A): A luminous, balanced green — the color of new leaves after rain.
- Teal (#007D50): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#345D27): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal (#3A3B34): a grounded near-black with real depth.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Quiet 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
- Aged Jade color palette (#EBEFCF, #4FA76A, #006C47, #004F44, #053819)
- Muted Olive Courtyard color palette (#F7F5EB, #A1B989, #528147, #50621D, #484400)
- Faded Lagoon color palette (#DAFFF2, #83CF92, #009C83, #637038, #174240)
- Ancient Teal color palette (#D7F3F0, #00BDBC, #00808A, #005B65, #1A3C5A)
- Aged Teal Hollow color palette (#FDF5DA, #A3E0AE, #0CBEAD, #8A8E4A, #214329)
- Olive Market color palette (#E2FEE7, #00A7B4, #868400, #006971, #3E3D00)
- Hushed Olive Pier color palette (#F1EAD6, #738327, #334E00, #003A0D, #201B00)
- Airy Amethyst Lagoon color palette (#D3F1FF, #008CB6, #8334F7, #00724D, #003648)
Browse the whole catalog at Explore, or see today's palette.