Tempered Emerald Harbor color palette — #FFF7C4 · #B1D86A · #1FAB21 · #00724B · #00433A
Built around Kelly Green, softened by Chartreuse — the whole palette hums with nature and growth.
The five colors
- Custard (#FFF7C4): A whisper-light, dusty green — the color of new leaves after rain.
- Chartreuse (#B1D86A): A whisper-light, balanced green — the color of a quiet forest floor.
- Kelly Green (#1FAB21): A luminous, vivid green — the color of fresh herbs.
- Pine (#00724B): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00433A): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Tempered Emerald 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
- Wandering Lantern color palette (#FFF4DE, #D4C835, #7EB000, #287100, #004628)
- Jade Chapel color palette (#E8FFCC, #9EDA9C, #01B076, #007366, #003234)
- Powdered Clover color palette (#E6EFDB, #92DA54, #31C01A, #009343, #004826)
- Emerald Bloom color palette (#D6E4D2, #1FAD5D, #006F5D, #003A39, #000C10)
- Aged Archive color palette (#E4EDAF, #85C465, #008F3E, #005341, #002522)
- Jade Boulevard color palette (#DAFFF0, #80FBC6, #00B484, #00603D, #001C0E)
- Softworn Thicket color palette (#F1F9DD, #C8EFF9, #CBC2CD, #9DA205, #034E3B)
- Airy Fuchsia Garden color palette (#F1FADA, #80F2AB, #D580F4, #008D4F, #441553)
Browse the whole catalog at Explore, or see today's palette.