Pine Loft color palette — #D4E4DC · #00835A · #007093 · #685800 · #000201
Teal and Peacock set the tone — five colors that lean into nature and growth.
The five colors
- Silver (#D4E4DC): A whisper-light, dusty teal — the color of glacier melt.
- Teal (#00835A): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#007093): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#685800): A full-bodied, balanced green — the color of fresh herbs.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.
Use it as a design system
One click turns Pine Loft 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
- Ultramarine Garden color palette (#C7EAE9, #007F7F, #085ADA, #436400, #000202)
- Antique Terracotta color palette (#EEF1DE, #6D7600, #007769, #8D3E00, #020200)
- Sunlit Dune color palette (#D0E5EE, #008AB1, #7D50E1, #007A50, #00090F)
- Muted Jade color palette (#D6F5E4, #00A975, #007754, #00452D, #000201)
- Quiet Teal color palette (#D9EFE5, #00C8AD, #00ADB0, #307548, #00150F)
- Faded Nightshade Veranda color palette (#D0ECDA, #00653C, #352DA5, #5B1500, #000201)
- Airy Workshop color palette (#E1F2E3, #237F3C, #71003F, #61006D, #000300)
- Worn Thicket color palette (#CEE6E9, #7C9300, #005649, #001A15, #000203)
Browse the whole catalog at Explore, or see today's palette.