Muted Harbor color palette — #EFFBD9 · #99DCCD · #43B1C1 · #2084AD · #654C66
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Custard (#EFFBD9): A whisper-light, dusty green — the color of a quiet forest floor.
- Lagoon (#99DCCD): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#43B1C1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#2084AD): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal Brown (#654C66): A full-bodied, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Soft Teal color palette (#F8F8D5, #9FD7B8, #48B7A8, #008395, #2B5948)
- Cobalt Lantern color palette (#E4FDE6, #9CD3EC, #6F9DD8, #6172B7, #58486B)
- Antique Cerulean Lagoon color palette (#EDF9F0, #95CFDC, #E09F8F, #009DB3, #6A4037)
- Softworn Grove color palette (#D0F8FD, #69C1BE, #0095A0, #0B6C7F, #454E66)
- Glacier Courtyard color palette (#E8FDDC, #79F0EF, #67CAD9, #5FA0B1, #3A574B)
- Muted Petrol color palette (#DEFEEF, #B4E3CC, #5FA7CB, #007896, #003B4C)
- Petrol Cabin color palette (#C0E9DD, #00CBE0, #0093C1, #006CAF, #2A377C)
- Tempered Ultramarine color palette (#D7E9EA, #53B3D8, #1A8DE4, #484FBF, #3B295F)
Browse the whole catalog at Explore, or see today's palette.