Dusty Emerald color palette — #FBF3F0 · #CCE9D0 · #67BEE5 · #3AA364 · #203A62

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

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Celadon Mist (#CCE9D0): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#67BEE5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Kelly Green (#3AA364): A luminous, balanced teal — the color of sea glass.
• Navy (#203A62): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Muted Workshop color palette (#FAF4EE, #C8E8DE, #96ADFF, #00A0A0, #41305E)
• Tempered Atelier color palette (#FBF3F1, #C3E0E4, #A6C4ED, #7DB186, #5F4B60)
• Antique Meadow color palette (#F9F4EE, #B8E8F1, #21B9D7, #00816C, #0B3728)
• Emerald Terrace color palette (#ECF2DD, #80D59A, #D196E7, #00AD5B, #482355)
• Weathered Study color palette (#DBEBD0, #54C5A9, #BE89EC, #CE5BB0, #003429)
• Feathered Balcony color palette (#F0E4DE, #A4CBB1, #049AE8, #00805E, #10184C)
• Dusty Taupe color palette (#F6F7E3, #BEEAD8, #B2D8FF, #AFA145, #354525)
• Softworn Moss Corridor color palette (#FDEDCB, #B2C068, #78AB3F, #009160, #00413E)

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