Misty Harbor color palette — #FFF6D0 · #F6CB16 · #AFBC00 · #468F00 · #2D3A00
Lime and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#FFF6D0): A whisper-light, dusty green — the color of new leaves after rain.
- Sunflower (#F6CB16): A whisper-light, vivid green — the color of a quiet forest floor.
- Lime (#AFBC00): A luminous, vivid green — the color of fresh herbs.
- Olive Leaf (#468F00): A full-bodied, vivid green — the color of fresh herbs.
- Forest (#2D3A00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
Use it as a design system
One click turns Misty 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
- Weathered Ridge color palette (#F9F8D3, #D6DA3A, #79BA24, #009253, #153B00)
- Quiet Quarry color palette (#FFF4DE, #FFC271, #CCA300, #7A8800, #403600)
- Moss Courtyard color palette (#F5F1D5, #BCAF00, #85A606, #0D7B19, #172700)
- Mustard Harbor color palette (#FAF1DC, #FFC29A, #C5BC00, #00987B, #161E00)
- Feathered Mustard Lagoon color palette (#DAFFEF, #FFD8C2, #C5C500, #00C084, #253700)
- Pine Corridor color palette (#D5E5C8, #6FB84A, #058C22, #00622D, #004D2F)
- Softworn Summit color palette (#DDE4BE, #81B52C, #009B2D, #006E58, #001D0D)
- Chartreuse Terrace color palette (#EFFBDB, #8AE877, #00CE8E, #009D8C, #003F2F)
Browse the whole catalog at Explore, or see today's palette.