Muted Pine color palette — #FBF3F1 · #D0E2CE · #4B96AB · #367235 · #2B4A67

Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Celadon Mist (#D0E2CE): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#4B96AB): A luminous, balanced blue — the color of open sky before noon.
• Olive (#367235): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#2B4A67): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Wandering Cerulean color palette (#EDF4EE, #BFE4ED, #3D9DA7, #266D52, #14303D)
• Weathered Forest color palette (#FBF3F0, #AECEB5, #3381AA, #00633E, #243964)
• Aged Cypress color palette (#FAF4EF, #CAE8E6, #759DC7, #357D6B, #65485B)
• Tempered Turquoise Quarry color palette (#F8F5EF, #C3E6DA, #13BAC8, #348D6C, #2E503E)
• Timeworn Lagoon color palette (#FDEAE3, #4C9EA2, #00516B, #003215, #001231)
• Olive Lantern color palette (#F7F6E5, #92A972, #AA71B3, #527200, #57325D)
• Weathered Olive Summit color palette (#FFF3E4, #ACA161, #6A8923, #00703B, #11584B)
• Mulberry Hollow color palette (#EFFADE, #4A9B76, #846AB8, #8F408C, #363932)

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