Dusty Spruce color palette — #F4E2DD · #5FAEA8 · #006275 · #0A4103 · #00213A

Built around Forest, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Parchment (#F4E2DD): A whisper-light, dusty orange — the color of toasted spice.
• Turquoise (#5FAEA8): A luminous, dusty teal — the color of sea glass.
• Peacock (#006275): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#0A4103): A deep, shadowed, balanced green — the color of fresh herbs.
• Midnight (#00213A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Denim Market color palette (#FCECE3, #6AA9BE, #00599B, #003F32, #181748)
• Teal Pier color palette (#DFEBE1, #1CB2AC, #00646D, #003B28, #000D12)
• Dusty Lantern color palette (#E9DECD, #5FC5BE, #00848F, #005C41, #00242D)
• Antique Cobalt color palette (#FFF2EA, #4FC8ED, #0070C1, #005747, #29286A)
• Wandering Azure Harbor color palette (#ECEBDB, #67CBAF, #029DD3, #614400, #053018)
• Tempered Alley color palette (#E9D9E3, #7AD2CC, #00A4BA, #008246, #002333)
• Washed Pier color palette (#D4E6D4, #00994F, #004E12, #012103, #000B02)
• Patina Cobalt Lagoon color palette (#FBF3EF, #A9D0B8, #0C7DC7, #00624B, #4C3044)

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