Muted Pine color palette — #E8DCD6 · #8CCECD · #00A3C1 · #008152 · #002236

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

The five colors

• Bone (#E8DCD6): a clean, paper-quiet neutral.
• Aqua (#8CCECD): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#00A3C1): A luminous, balanced blue — the color of open sky before noon.
• Teal (#008152): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002236): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Washed Azure color palette (#EADCD1, #8ECAE3, #0D97F5, #007D78, #0F194A)
• Quiet Sky color palette (#F7ECE7, #A4DEEA, #0CB2F1, #00937A, #122E50)
• Petrol Parlor color palette (#D6E1DF, #70C1C1, #00848E, #005A50, #00242B)
• Gentle Emerald color palette (#DDF1DE, #8ED9FC, #A4ACFF, #399F6E, #002731)
• Worn Meadow color palette (#F6F6EA, #7BDFE0, #008B95, #005249, #001013)
• Softworn Denim Market color palette (#DAEADD, #71A6B4, #006470, #003B2C, #000D13)
• Crimson Atelier color palette (#D3EFF0, #00A0A3, #EF0B5D, #BD4D00, #001616)
• Rose Thicket color palette (#E2F1E2, #00B3B1, #FE3522, #008180, #3A0100)

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