Cobalt Harbor color palette — #F4F7E6 · #7DA37F · #6E88C4 · #A75F58 · #42433C
Slate Blue takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F4F7E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#7DA37F): A luminous, dusty green — the color of fresh herbs.
- Slate Blue (#6E88C4): A luminous, balanced violet — the color of wild irises.
- Mocha (#A75F58): A full-bodied, balanced orange — the color of autumn markets.
- Charcoal (#42433C): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Cobalt 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
- Bronze Basin color palette (#ECF9EC, #61A6A4, #9C7BAD, #9A6C26, #374737)
- Tempered Courtyard color palette (#FDF4E2, #A5995A, #2798B3, #986188, #45423B)
- Wandering Peony Veranda color palette (#F4F3E2, #8AA85E, #C06E9B, #9F6282, #2A2814)
- Softworn Blush Cabin color palette (#E4FCF3, #AABA77, #D887B2, #B87F94, #314840)
- Cocoa Market color palette (#FCF4EB, #C4B6A1, #9A7957, #7B523C, #5B4400)
- Faded Amethyst Corridor color palette (#E0F3CD, #009671, #7250E4, #9A4300, #003A2A)
- Muted Fern Hollow color palette (#F4F7E7, #C9E8D8, #A6CFC5, #7D8F63, #42540D)
- Soft Violet Lantern color palette (#D6ECD3, #008C87, #8256A1, #7E4F00, #003331)
Browse the whole catalog at Explore, or see today's palette.