Spruce Coast color palette — #F6ECF7 · #54ADA8 · #006377 · #073D04 · #000C1A

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

The five colors

• Blush (#F6ECF7): bright and airy, almost weightless.
• Turquoise (#54ADA8): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#006377): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#073D04): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#000C1A): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Worn Denim color palette (#E5DCE1, #60A8BA, #005D92, #003B2B, #04022D)
• Lagoon Hollow color palette (#FCF4E8, #91DCD6, #008A96, #00543B, #000F15)
• Chalky Thicket color palette (#FBE4DE, #50C7C0, #00829C, #0F5E10, #00213C)
• Gentle Cobalt color palette (#FAEEF5, #7BC7E4, #0072CF, #005345, #150D45)
• Washed Pine color palette (#DBEFD9, #00825B, #005754, #002C32, #001019)
• Gentle Bloom color palette (#D2E4E7, #65B3DE, #7F6FDF, #156006, #00131B)
• Airy Brick Loft color palette (#D0E4E8, #007D6D, #A70804, #004037, #180000)
• Tempered Forest Drift color palette (#F6EFF5, #BDE4F1, #4D98B9, #2E6D45, #1A2D45)

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