Dusty Lagoon Harbor color palette — #F0FAE0 · #009562 · #006574 · #5C3500 · #2C3500
A conversation between Fern and Cocoa, giving this palette its sense of nature and growth.
The five colors
- Custard (#F0FAE0): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#009562): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#006574): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#5C3500): A deep, shadowed, balanced gold — the color of honey in a jar.
- Deep Forest (#2C3500): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.
Use it as a design system
One click turns Dusty 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
- Airy Meadow color palette (#EAFCE4, #009184, #006188, #3E288B, #0F3B00)
- Pine Garden color palette (#F7F7E2, #83B181, #257C49, #3E5A28, #3A3B34)
- Airy Hollow color palette (#E5FBF3, #8EA900, #0084A4, #9A005D, #2B3500)
- Cypress Summit color palette (#E5F4D8, #007B61, #00332E, #121C08, #010903)
- Chalky Chartreuse color palette (#EBFDD5, #6BE472, #00CB90, #008D89, #003A2E)
- Antique Cerulean Field color palette (#F6F7E5, #9CDBDF, #008FA0, #006760, #004856)
- Navy Delta color palette (#D6E7D3, #007874, #004C6F, #2B176F, #112600)
- Antique Ultramarine Boulevard color palette (#E2FDEA, #008DA0, #244EBC, #5F1575, #003A2D)
Browse the whole catalog at Explore, or see today's palette.