Muted Pine color palette — #EBF8F8 · #CBE3EB · #98C4E2 · #008E5F · #18393A

A conversation between Fern and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EBF8F8): bright and airy, almost weightless.
• Silver (#CBE3EB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#98C4E2): A luminous, dusty blue — the color of deep harbor water.
• Fern (#008E5F): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#18393A): A deep, shadowed, dusty teal — the color of sea glass.

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

• Ancient Jade color palette (#E3FBFC, #C9DCED, #AEC1DC, #1DB18A, #13393C)
• Ancient Lantern color palette (#EFF7FB, #D8D8E5, #C2BACB, #008FAB, #2F3D44)
• Softworn Forest Terrace color palette (#F2F8EC, #C7D8C4, #78B2BB, #006B51, #243B00)
• Antique Lagoon color palette (#CEEFF9, #008988, #003C5D, #002020, #000A0A)
• Worn Garnet color palette (#C8F1F4, #00A481, #007785, #8A0110, #002C20)
• Tempered Petrol Thicket color palette (#E3EDF4, #BEC4CE, #A1A2B9, #006A8C, #0D222E)
• Hushed Coast color palette (#DCE9EB, #9BA6AD, #78879D, #00514A, #000C0F)
• Worn Cerulean color palette (#DCE3C6, #9CBD97, #0099AD, #815100, #343D00)

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