Sapphire Harbor color palette — #DCE7D1 · #009572 · #3E65BF · #00543E · #000640
Built around Royal Blue, softened by Fern — the whole palette hums with creativity and calm.
The five colors
- Celadon Mist (#DCE7D1): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#009572): A full-bodied, balanced teal — the color of shallow lagoons.
- Royal Blue (#3E65BF): A full-bodied, balanced violet — the color of wild irises.
- Forest (#00543E): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Indigo (#000640): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Sapphire 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
- Misty Cobalt Alley color palette (#E0EED9, #00A990, #6574C6, #006454, #111544)
- Softworn Nightshade Coast color palette (#D8E5D5, #007C72, #5042B1, #00403A, #070025)
- Misty Moss color palette (#EFEFD9, #569200, #00759B, #2E5200, #00151F)
- Hazy Byzantium color palette (#D7F0E0, #008EA8, #874CA9, #004F5F, #1F002E)
- Bronze Station color palette (#E0ECDF, #009290, #7F6900, #005151, #171100)
- Byzantium Boulevard color palette (#C0E6E9, #009573, #9E34A5, #005642, #45024A)
- Aged Harbor color palette (#D7FBF1, #2D9DF8, #009D48, #005E9E, #00290E)
- Antique Ridge color palette (#C9E7D2, #006775, #680899, #003038, #06000D)
Browse the whole catalog at Explore, or see today's palette.