Muted Pine color palette — #FAF4F0 · #C9E3DB · #53B4CA · #22905C · #245243

A conversation between Fern and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#C9E3DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#53B4CA): A luminous, balanced blue — the color of open sky before noon.
• Fern (#22905C): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#245243): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, 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

• Muted Lagoon Ridge color palette (#FAF4F0, #C0E8E6, #76ABD4, #008E82, #36476B)
• Antique Boulevard color palette (#F6F6EE, #BFEBDE, #6BD0D6, #56A999, #374E3E)
• Petrol Harbor color palette (#F2E3DB, #6BAEB6, #007092, #004C39, #00152A)
• Hushed Cerulean Study color palette (#F7ECE7, #B0CDB3, #0095B7, #006F4D, #00314F)
• Antique Pine Bloom color palette (#FEEAC2, #BFBE7D, #80A241, #238437, #195844)
• Timeworn Denim color palette (#F5EBE4, #6999B8, #1C54AA, #003B3E, #07002A)
• Tempered Peony color palette (#F0FAE0, #6FB692, #938DDC, #C55B98, #363932)
• Wandering Pine Alley color palette (#F1FAD7, #A8D9AB, #58A26F, #00733A, #003719)

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