Lagoon Harbor color palette — #FBF4E7 · #D4BC74 · #7EAF75 · #008F8A · #003C5B
A conversation between Fern and Jade, giving this palette its sense of nature and growth.
The five colors
- Cream (#FBF4E7): a clean, paper-quiet neutral.
- Sand (#D4BC74): A luminous, balanced green — the color of new leaves after rain.
- Jade (#7EAF75): A luminous, balanced green — the color of new leaves after rain.
- Fern (#008F8A): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#003C5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.
Use it as a design system
One click turns Lagoon 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
- Quiet Cerulean color palette (#F6F6E9, #A6CB8D, #4DB4A0, #008AAD, #263464)
- Tempered Cobalt Workshop color palette (#EEF5E2, #79C598, #00A6B6, #326FC2, #391951)
- Softworn Driftwood Field color palette (#FFF3E5, #DFCEB2, #BEB495, #82956F, #40573D)
- Teal Pier color palette (#F5F6EE, #C6E4DC, #79CDD6, #32AE9D, #10515C)
- Weathered Olive color palette (#FFF2EC, #F8A597, #C99541, #6F882E, #004332)
- Weathered Lime color palette (#ECE9CE, #91BA00, #00A184, #007290, #160071)
- Aged Moss color palette (#F9F2FD, #F59BBD, #819524, #126192, #2B244B)
- Pine Loft color palette (#E7DFCC, #948000, #007A1F, #004E4C, #000811)
Browse the whole catalog at Explore, or see today's palette.