Spruce Pier color palette — #F6E9F7 · #5ECBC8 · #00738D · #00420D · #000308
Built around Forest, softened by Aqua — the whole palette hums with nature and growth.
The five colors
- Blush (#F6E9F7): A whisper-light, dusty pink — the color of neon signs at night.
- Aqua (#5ECBC8): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#00738D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00420D): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#000308): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Sapphire Garden color palette (#F9E9F2, #6DC4E3, #0067BC, #003F34, #020013)
- Ancient Boulevard color palette (#FDF1FA, #8DDAE5, #0084B9, #005434, #00062E)
- Lagoon Orchard color palette (#F8E7DE, #539E9B, #005361, #00321A, #001624)
- Hushed Terrace color palette (#B2EFFF, #00ACC7, #00565F, #00191D, #000102)
- Aged Terracotta Parlor color palette (#C5E6E9, #009475, #AB4000, #004737, #030000)
- Teal Market color palette (#F2E9DC, #49C6C1, #0094A2, #007052, #00171F)
- Softworn Lagoon Terrace color palette (#D4E5CD, #00936E, #00605D, #00282E, #000306)
- Worn Archive color palette (#BFE9DE, #007866, #903A00, #6A3000, #000201)
Browse the whole catalog at Explore, or see today's palette.