Dusty Dune color palette — #FBF2F9 · #D4D4E3 · #57B1E2 · #158355 · #1B2D52

Fern and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Silver (#D4D4E3): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#57B1E2): A luminous, balanced blue — the color of open sky before noon.
• Fern (#158355): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1B2D52): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Periwinkle Grove color palette (#F0F8EF, #DBD5DF, #93A0EC, #007E83, #2A2A4B)
• Soft Pine color palette (#FCF1FD, #B3FFF9, #00ABCD, #167812, #002644)
• Lagoon Coast color palette (#FAF4EC, #C9EAD1, #6ABFDC, #00A291, #143F57)
• Worn Cerulean Lantern color palette (#EDF4EE, #9FD0E3, #0089A9, #005C52, #002437)
• Antique Lantern color palette (#F9F3F9, #D4D4E3, #B3C0E5, #719E80, #3D4F66)
• Patina Cobalt color palette (#FBF3F0, #ADCFB4, #0082B3, #00633C, #4B3048)
• Antique Grove color palette (#EFE4EC, #67AFBD, #005A87, #002D1D, #00000B)
• Ancient Taupe Hollow color palette (#DDFDFB, #BEE4F0, #C9BBC4, #A39C56, #02373C)

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