Muted Pine color palette — #CAEDEF · #008D5B · #006A70 · #003E5C · #000102

Built around Fern, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Frost (#CAEDEF): A whisper-light, dusty blue — the color of deep harbor water.
• Fern (#008D5B): A full-bodied, balanced teal — the color of glacier melt.
• Teal (#006A70): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003E5C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged candy, vibrant, light, muted.

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

• Olive Parlor color palette (#CEE4E2, #808200, #006C32, #004642, #000201)
• Antique Nightshade color palette (#D5F1FF, #008A87, #006A87, #2527A1, #000103)
• Denim Hollow color palette (#D7EDED, #006581, #183A62, #220B24, #060100)
• Cobalt Parlor color palette (#E1EEE3, #2681AE, #003D6D, #001E23, #00000D)
• Denim Harbor color palette (#D7EDFF, #005279, #583000, #002134, #030100)
• Nocturne Fern color palette (#E5F2E8, #5E5B00, #212F00, #001A0C, #010100)
• Dusty Ultramarine color palette (#D8F5FF, #8DB700, #009AA4, #4242BC, #000102)
• Sapphire Bloom color palette (#D6E0F9, #0092BC, #0065E1, #5E1B92, #01000A)

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