Sapphire Harbor color palette — #F4F2E5 · #9CB264 · #0068CC · #506400 · #130214
A conversation between Royal Blue and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F2E5): a clean, paper-quiet neutral.
- Sage (#9CB264): A luminous, balanced green — the color of a quiet forest floor.
- Royal Blue (#0068CC): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Olive (#506400): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#130214): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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
- Timeworn Lapis color palette (#F1F3E7, #74B17F, #5D56AF, #00672A, #11010A)
- Pale Mustard color palette (#F7F1E6, #C5A425, #0071B0, #6E5900, #000C08)
- Sunlit Ultramarine color palette (#E5E6D7, #6B9E50, #1643C4, #265300, #060006)
- Wandering Quarry color palette (#E9F9F5, #9ECD53, #008ED5, #5E8600, #0B1F2E)
- Clover Dune color palette (#F4F7E8, #3BBE61, #007087, #00682A, #002413)
- Faded Meadow color palette (#F4F3DE, #66931A, #006192, #5C2700, #101C00)
- Wandering Petrol Cabin color palette (#EEF3EF, #93D0D4, #A96F82, #008189, #201210)
- Aged Dune color palette (#E6F1E3, #00ABA0, #A10070, #005952, #0B0005)
Browse the whole catalog at Explore, or see today's palette.