Muted Pine color palette — #FFF2EB · #C7F9E9 · #58B5C9 · #397F57 · #00334A

Teal and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Honeydew (#C7F9E9): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#58B5C9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#397F57): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#00334A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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

• Dusty Quarry color palette (#FBF4ED, #C2E4F6, #7FA9DF, #007F81, #252953)
• Worn Pier color palette (#EEF8F5, #BEE8F3, #3AC7CF, #00A28C, #00434B)
• Washed Forest color palette (#FCF1F9, #9ECEDB, #00879C, #006438, #143F56)
• Denim Atelier color palette (#F8E6DC, #61B1B4, #005E74, #002D1C, #000103)
• Softworn Lagoon Terrace color palette (#F2F2E9, #97D5D1, #008D93, #005D4F, #092714)
• Weathered Petrol color palette (#FDEADD, #82C1DA, #006BAE, #003E3A, #000015)
• Cerulean Workshop color palette (#FAF4EE, #CADBE7, #E3BEDC, #579EAB, #5F4452)
• Softworn Moss Drift color palette (#FFF1F4, #C78DD6, #74A74A, #3D9259, #310D18)

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