Tempered Harbor color palette — #F6F7E0 · #BDD550 · #6DB84A · #0F8659 · #32332C
Clover and Chartreuse set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F6F7E0): A whisper-light, dusty green — the color of fresh herbs.
- Chartreuse (#BDD550): A whisper-light, balanced green — the color of fresh herbs.
- Clover (#6DB84A): A luminous, vivid green — the color of a quiet forest floor.
- Fern (#0F8659): A full-bodied, balanced teal — the color of shallow lagoons.
- Espresso (#32332C): a grounded near-black with real depth.
Feels like: Nature, Growth, 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
- Chalky Clover Summit color palette (#F2F8E5, #87D871, #32C479, #009183, #053725)
- Mustard Corridor color palette (#FCF5DE, #E4B600, #B3B12E, #528421, #37352E)
- Hazy Basin color palette (#F2F4E0, #DCCF72, #74BA5B, #008D82, #001C06)
- Lime Boulevard color palette (#DAFEF6, #E1D573, #83CD6D, #00AF9D, #083D1D)
- Chalky Moss Basin color palette (#E3E8D3, #6BB700, #008F49, #006654, #001D0F)
- Cocoa Workshop color palette (#FCF5DF, #94A269, #546C3A, #5B4900, #37362F)
- Jade Studio color palette (#E0F0E6, #00B17E, #007B64, #00564C, #003B47)
- Dusty Emerald color palette (#D8E8E2, #00B05C, #007E66, #004E50, #00120E)
Browse the whole catalog at Explore, or see today's palette.