Cerulean Harbor color palette — #F7F0ED · #CAE5C7 · #009FB4 · #326C46 · #0E3427
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7F0ED): a clean, paper-quiet neutral.
- Celadon Mist (#CAE5C7): A whisper-light, dusty green — the color of fresh herbs.
- Cerulean (#009FB4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#326C46): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#0E3427): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean 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
- Dusty Cabin color palette (#F8F0EC, #CAE4D0, #4998BB, #006F58, #39223C)
- Softworn Cabin color palette (#F5E6DF, #329BA0, #005266, #002D1E, #00050C)
- Wandering Aqua color palette (#EDF8F5, #D2E0EE, #4CD1D5, #409380, #26444F)
- Petrol Station color palette (#FCEFE8, #77CAD9, #007CA8, #005344, #001939)
- Feathered Canyon color palette (#F2F4E0, #82B472, #A679D8, #2F720F, #2F1E41)
- Misty Quarry color palette (#EFF7D1, #92CF9F, #268D50, #164D17, #021C01)
- Hazy Moss color palette (#F0DCB1, #A9AB59, #628F10, #1B5F27, #212F0E)
- Muted Aqua Harbor color palette (#F4F3E0, #BEE7CE, #6FD3EA, #8C834F, #31332C)
Browse the whole catalog at Explore, or see today's palette.