Spruce Drift color palette — #F0E7F0 · #69ACA9 · #006177 · #03420A · #00203D

Forest and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F0E7F0): a clean, paper-quiet neutral.
• Turquoise (#69ACA9): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#006177): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#03420A): A deep, shadowed, balanced green — the color of new leaves after rain.
• Midnight (#00203D): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Patina Denim Harbor color palette (#F9EBF3, #67A9C1, #00589E, #003F33, #191648)
• Denim Dune color palette (#EDE6DA, #5CACAA, #006470, #003B2B, #000D13)
• Weathered Aqua Chapel color palette (#DBE7DD, #40C7C6, #008493, #005B45, #00242F)
• Hushed Sapphire Market color palette (#FFF0F8, #71C4E5, #006CCD, #00574A, #2D2963)
• Softworn Cerulean color palette (#D5E6E1, #7FC3AC, #0097C9, #614E00, #002E1B)
• Tempered Orchard color palette (#FEEBE1, #79D1CF, #00A3BF, #00824F, #002235)
• Nightshade Lantern color palette (#E6F0E4, #6084A6, #2C18A0, #002224, #100020)
• Emerald Harbor color palette (#D9EBDE, #00993E, #005322, #002210, #000B04)

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