Tempered Harbor color palette — #D7F3E7 · #D1B300 · #9BA800 · #259F15 · #060B00
Built around Kelly Green, softened by Gold — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D7F3E7): A whisper-light, dusty teal — the color of sea glass.
- Gold (#D1B300): A luminous, balanced green — the color of a quiet forest floor.
- Moss (#9BA800): A luminous, balanced green — the color of a quiet forest floor.
- Kelly Green (#259F15): A luminous, vivid green — the color of new leaves after rain.
- Ink (#060B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Energy, Balance. Tagged candy, vibrant, light.
Use it as a design system
One click turns Tempered 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
- Linen Clover color palette (#DFF2ED, #B1C000, #5BBE00, #00A065, #001101)
- Marigold Boulevard color palette (#D6E5D9, #F39A13, #C69600, #908F00, #0F0A00)
- Marigold Loft color palette (#FBF6DB, #FEA547, #959C00, #008169, #000200)
- Ancient Pier color palette (#E2F1EA, #EC7D00, #948D00, #007F5C, #041000)
- Hushed Harbor color palette (#DBF6F2, #5FAA7D, #008461, #5D5800, #001408)
- Ancient Market color palette (#D4F3F0, #00A94F, #C26100, #007735, #1D0900)
- Bronze Hollow color palette (#E6E0C9, #A68400, #6C6E00, #315800, #010200)
- Quiet Chartreuse Veranda color palette (#D8FFF4, #E7DC00, #ACE000, #00CB6A, #102F00)
Browse the whole catalog at Explore, or see today's palette.