Muted Pine color palette — #DFE9E9 · #98A1AB · #808AAB · #007747 · #000C0C

Pine takes the lead with Slate Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#DFE9E9): a clean, paper-quiet neutral.
• Blue Fog (#98A1AB): a calm mid-gray that lets other colors speak.
• Slate Blue (#808AAB): A luminous, dusty violet — the color of twilight just after sunset.
• Pine (#007747): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#000C0C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Abyss Summit color palette (#DFE4DA, #9EA89B, #718F78, #00523A, #060B01)
• Muted Spruce Summit color palette (#DFE3D5, #809380, #537366, #00331B, #010100)
• Timeworn Petrol color palette (#E4EFF5, #AFAEC2, #A190AE, #007D9E, #021622)
• Softworn Petrol Bloom color palette (#EFECDD, #53957C, #0A6D87, #5C4100, #1C1100)
• Sapphire Corridor color palette (#D6EBEE, #96B026, #00AC94, #0073DD, #000505)
• Teal Harbor color palette (#E6F1F3, #CED3DC, #B8B8D4, #00A996, #1E3235)
• Feathered Olive Field color palette (#F4D6EE, #448E30, #006577, #720205, #000503)
• Cypress Station color palette (#CEF5FE, #006A67, #002539, #081013, #000202)

Browse the whole catalog at Explore, or see today's palette.