Jade Harbor color palette — #F7F7E2 · #B1E8C0 · #16AA87 · #527833 · #10371F
Turquoise and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F7F7E2): A whisper-light, dusty green — the color of fresh herbs.
- Mint (#B1E8C0): A whisper-light, dusty teal — the color of glacier melt.
- Turquoise (#16AA87): A luminous, balanced teal — the color of sea glass.
- Olive (#527833): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#10371F): 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 Harbor 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
- Powdered Moss Studio color palette (#FEF5DE, #D1E1A9, #5EA748, #776C1D, #293300)
- Muted Veranda color palette (#F9F5E9, #CEE7C2, #84A984, #4A8375, #393932)
- Softworn Teal color palette (#FBF6E0, #93E4A8, #00BEB0, #888F4A, #1F442A)
- Sunlit Lagoon Orchard color palette (#F8F7D9, #8AD998, #00946E, #006569, #00260B)
- Jade Pier color palette (#DFFDF6, #5CBA7C, #007C61, #41592E, #134341)
- Moss Ridge color palette (#E7E2C8, #6C9D5A, #005D34, #003330, #000200)
- Aged Boulevard color palette (#FFF4DD, #9FA964, #3B6F00, #004833, #070800)
- Washed Sky color palette (#FDF4E6, #D5DBED, #2FBFED, #00897E, #003957)
Browse the whole catalog at Explore, or see today's palette.