Muted Pine color palette — #D0E7E7 · #228D60 · #00486F · #004228 · #000103
Fern and Navy set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#D0E7E7): A whisper-light, dusty teal — the color of glacier melt.
- Fern (#228D60): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#00486F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Forest (#004228): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#000103): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.
Use it as a design system
One click turns Muted Pine 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
- Navy Cabin color palette (#DDF3F6, #00796C, #003767, #00322B, #000104)
- Olive Lagoon color palette (#EEEFDF, #378D05, #003F75, #123C00, #09000B)
- Nightshade Parlor color palette (#D3E7EF, #008897, #2A2CA4, #003E45, #00000B)
- Timeworn Cabin color palette (#D4E6D7, #00746E, #004258, #3E001E, #000708)
- Aged Basin color palette (#E6F4EE, #7B7F00, #00503C, #373900, #000202)
- Hushed Study color palette (#DFF1F6, #00AAA8, #3033E8, #005857, #01001A)
- Abyss Drift color palette (#DDE8E9, #A3B7BE, #7093A6, #004F46, #000E10)
- Wandering Drift color palette (#E5E9DE, #07AD72, #006C80, #00633F, #000502)
Browse the whole catalog at Explore, or see today's palette.