Muted Harbor color palette — #F2F3E8 · #B4D0B8 · #2B8A99 · #005C57 · #00252F
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Cream (#F2F3E8): a clean, paper-quiet neutral.
- Pistachio (#B4D0B8): A whisper-light, dusty green — the color of fresh herbs.
- Cerulean (#2B8A99): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005C57): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#00252F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Muted Harbor 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
- Tempered Cerulean color palette (#F1F3EB, #C4E5D4, #4897BF, #006A79, #023529)
- Dusty Cerulean color palette (#FAF2F8, #95D1D7, #0084A9, #006249, #213D57)
- Petrol Quarry color palette (#E8EAE1, #93BEAC, #0072A9, #004958, #00172D)
- Weathered Denim color palette (#DDE2D2, #5E91B0, #004D7D, #002A36, #00040F)
- Wandering Study color palette (#EAECDD, #5F8269, #004351, #001F1F, #000203)
- Turquoise Pier color palette (#FDF3EE, #C1E3EA, #40B4DF, #008263, #12304C)
- Denim Bloom color palette (#E5E7DA, #7FA78E, #00627A, #00393C, #000D15)
- Sapphire Veranda color palette (#EEF5E1, #99C0E5, #036EDB, #004D6C, #000956)
Browse the whole catalog at Explore, or see today's palette.