Muted Pine color palette — #DADBFE · #0087AD · #008358 · #021110 · #010200
Built around Fern, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Thistle (#DADBFE): A whisper-light, dusty violet — the color of wild irises.
- Cerulean (#0087AD): A full-bodied, balanced blue — the color of deep harbor water.
- Fern (#008358): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#021110): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#010200): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged neon, dark, vibrant, 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
- Cobalt Station color palette (#E5EFD1, #0082C5, #007F7C, #040F14, #000300)
- Olive Market color palette (#FFE5D6, #008D87, #617A00, #061109, #020200)
- Washed Petrol color palette (#D6F6F6, #00818D, #005364, #002432, #00050A)
- Iris Market color palette (#FCE8F8, #8887FF, #009DB7, #001C22, #000803)
- Abyss Corridor color palette (#E7EDE6, #9BA99C, #768D7C, #00504B, #030C02)
- Sapphire Market color palette (#FFE6EA, #1666F7, #586E00, #061009, #020200)
- Raspberry Hollow color palette (#E4D9F6, #EF018B, #4F6F00, #101A00, #000202)
- Hushed Forest Alley color palette (#ECF0DF, #00642C, #004B6B, #3E2100, #000301)
Browse the whole catalog at Explore, or see today's palette.