Spruce Pier color palette — #F5EAF5 · #6CC9C7 · #00728E · #00420F · #000309
Forest and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F5EAF5): a clean, paper-quiet neutral.
- Aqua (#6CC9C7): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#00728E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00420F): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#000309): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Spruce Pier 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
- Cobalt Villa color palette (#F7EAF2, #7CC2DB, #0068B9, #003F33, #020013)
- Powdered Cobalt Field color palette (#FCF1F9, #8BDAE8, #0083BD, #005437, #02062E)
- Aged Lagoon Hollow color palette (#F3E5DD, #3BA19F, #005362, #00321B, #001624)
- Antique Teal Alley color palette (#E6DDCF, #3EC6C5, #0094A5, #007055, #001720)
- Hushed Moss Coast color palette (#EBE0CA, #8B8A00, #476300, #00311E, #000201)
- Quiet Clover color palette (#ACF4CB, #33B541, #006539, #001E08, #000201)
- Airy Grove color palette (#D9EDE8, #5FA01F, #90009F, #254600, #030004)
- Hushed Atelier color palette (#EFF8EE, #D8DDFA, #7585F7, #00696D, #27113D)
Browse the whole catalog at Explore, or see today's palette.