Muted Pine color palette — #FBF2F9 · #B9DBE7 · #4BA2C0 · #007F5D · #173D5D
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Ivory (#FBF2F9): bright and airy, almost weightless.
- Powder Blue (#B9DBE7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#4BA2C0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007F5D): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#173D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, 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
- Lagoon Study color palette (#FBF2F7, #D2DEF7, #7FAAD0, #008D86, #364866)
- Patina Courtyard color palette (#F5EBF0, #A7C9E1, #4689D2, #006C6B, #222957)
- Timeworn Cerulean color palette (#F5F6EB, #B2CDB5, #008798, #00605B, #214331)
- Denim Boulevard color palette (#F4E6F1, #5C9EA9, #006082, #003D30, #00091A)
- Misty Pine color palette (#D8F6F2, #7EB884, #C57FCB, #00812C, #4A244E)
- Feathered Ultramarine Study color palette (#FAEAF1, #70AACC, #1F64BC, #004A4C, #0F0342)
- Gentle Raspberry color palette (#C5EEEF, #33AD83, #9D71CB, #C03F83, #003335)
- Moss Villa color palette (#DEFDF8, #BDE1FD, #81D2FC, #8B892F, #154447)
Browse the whole catalog at Explore, or see today's palette.