Patina Spruce Coast color palette — #C1E4F5 · #006E7F · #5F5400 · #234100 · #001E2A
Forest and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Powder Blue (#C1E4F5): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#006E7F): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#5F5400): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#234100): A deep, shadowed, balanced green — the color of new leaves after rain.
- Midnight (#001E2A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged muted, cool.
Use it as a design system
One click turns Patina 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
- Hazy Nightshade color palette (#BEE6F3, #007076, #504494, #313D00, #001F28)
- Gentle Quarry color palette (#E1F1FF, #0077B4, #834684, #005330, #0E293E)
- Hazy Plum Basin color palette (#C8E6D8, #008DB8, #BC3B63, #684F00, #001E2A)
- Mulberry Canyon color palette (#DAE4F2, #2660BE, #941B58, #483200, #00061C)
- Ultramarine Studio color palette (#D0DFF5, #2057CC, #822F63, #004238, #091938)
- Aubergine Garden color palette (#C7E3FD, #005688, #681E67, #00321E, #000E1D)
- Grape Pier color palette (#DDE3FF, #7138DE, #A5003E, #00454E, #21163E)
- Washed Iris Market color palette (#F2F5FF, #9086C6, #A66D71, #2E6974, #393C4B)
Browse the whole catalog at Explore, or see today's palette.