Gentle Harbor color palette — #F5F8E3 · #A5DD9E · #FBA5FE · #61A85A · #5D353D
A conversation between Carnation and Kelly Green, giving this palette its sense of nature and growth.
The five colors
- Cream (#F5F8E3): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#A5DD9E): A whisper-light, balanced green — the color of a quiet forest floor.
- Carnation (#FBA5FE): A whisper-light, balanced pink — the color of peonies in June.
- Kelly Green (#61A85A): A luminous, balanced green — the color of fresh herbs.
- Cocoa (#5D353D): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Nature, Growth, Creativity, Balance. Tagged light.
Use it as a design system
One click turns Gentle 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
- Frosted Moss color palette (#F7F6E8, #BDD887, #CCAAFF, #8DAC48, #483A5D)
- Hazy Bloom color palette (#F0F9EA, #7EE2C7, #FE99C4, #04B998, #5E3633)
- Timeworn Emerald Lantern color palette (#F3F8E3, #88CA93, #C38BDD, #32974D, #4F3859)
- Mint Pier color palette (#F3F9DD, #7DD58F, #96B1FF, #E78678, #373932)
- Faded Fuchsia color palette (#DBECC3, #39EAAC, #FF64C9, #008A61, #54023D)
- Antique Glacier color palette (#E4FDE5, #3CF5F9, #E97E87, #00ACAF, #651D28)
- Dusty Fern Atelier color palette (#F3F8E2, #D6DFF7, #C1EAD3, #A6B88C, #3B5311)
- Softworn Taupe color palette (#FFF3E6, #E3CDAB, #CFA371, #A38064, #403D36)
Browse the whole catalog at Explore, or see today's palette.