Dusty Lagoon color palette — #FCF5E0 · #CFCB8B · #96AF72 · #009498 · #3F3D36

Cerulean and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FCF5E0): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#CFCB8B): A whisper-light, balanced green — the color of new leaves after rain.
• Sage (#96AF72): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#009498): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Dusty Lagoon 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

• Cobalt Lagoon color palette (#F8F6E4, #9FD8AA, #53BA9D, #3588C4, #3C3E37)
• Washed Marigold Canyon color palette (#FFF3E2, #F2BA91, #C99C4D, #4F9361, #423C37)
• Tempered Ash color palette (#F2F8E0, #D4DFC8, #ABC4A5, #7D9DBE, #5E435A)
• Tempered Moss color palette (#FFF3E6, #D3A878, #739345, #6E5493, #403D36)
• Dusty Teal color palette (#F6F6EB, #D3D9BA, #7FBC94, #9C9062, #414700)
• Tempered Ultramarine color palette (#E3E0BB, #35C692, #009D92, #2464BA, #002C21)
• Emerald Harbor color palette (#E8E9B0, #A0C000, #1EAB22, #00798D, #1D2F00)
• Mustard Station color palette (#E9E5D7, #B2B045, #7C7126, #594800, #1C180E)

Browse the whole catalog at Explore, or see today's palette.