Sunlit Harbor color palette — #FFF3E2 · #E8D30A · #72B300 · #007236 · #004638
Clover and Sunflower set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
- Sunflower (#E8D30A): A whisper-light, vivid green — the color of fresh herbs.
- Clover (#72B300): A luminous, vivid green — the color of new leaves after rain.
- Pine (#007236): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004638): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Sunlit 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
- Hushed Clover color palette (#FFF6CD, #C3E22F, #1BB528, #00735F, #003B3D)
- Pale Grove color palette (#FFF2E9, #F8BD1F, #A19B00, #3B7500, #00402D)
- Worn Lime color palette (#EBEAD7, #B7CC00, #84B500, #319033, #004A29)
- Moss Delta color palette (#E1E6CA, #54B22F, #007C51, #003C36, #000F14)
- Powdered Clover color palette (#DFFFE3, #9CFA9F, #00B63B, #005F30, #001E05)
- Tempered Terrace color palette (#FFEDAC, #ADAF00, #408F00, #005236, #00201F)
- Quiet Teal color palette (#EAFDD1, #9DE4A9, #00BC9E, #007A7A, #214532)
- Amber Quarry color palette (#FFF2EF, #FFBC91, #C18700, #716C00, #213A00)
Browse the whole catalog at Explore, or see today's palette.