Dusty Coast color palette — #EDF8F4 · #89C8ED · #A3AE7A · #5B9775 · #26392B

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

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Sky (#89C8ED): A luminous, balanced blue — the color of deep harbor water.
• Sage (#A3AE7A): A luminous, dusty green — the color of fresh herbs.
• Fern (#5B9775): A luminous, balanced teal — the color of sea glass.
• Deep Forest (#26392B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Tempered Bloom color palette (#F1F8EC, #79D0BA, #D59871, #948757, #32322B)
• Aged Atelier color palette (#FFF1F6, #B5A1E8, #4BAB96, #0089A3, #382636)
• Ancient Ash Courtyard color palette (#FBF2F6, #E0D7D5, #B9B0A6, #7493AA, #585053)
• Worn Emerald Thicket color palette (#FFF0FB, #95AFFF, #00AE4B, #008E8C, #002438)
• Worn Stone color palette (#FFF2EB, #E9C1EA, #D49AB8, #AA8264, #5A3F42)
• Olive Balcony color palette (#F7F3FF, #D4A4C8, #C27F83, #54753D, #182637)
• Ancient Mallow color palette (#FFECEF, #DE9CDD, #8A7676, #5F5052, #271F21)
• Iris Lantern color palette (#F7E6F4, #6897FF, #2E9842, #007D71, #00121D)

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