Sapphire Harbor color palette — #FBEFE6 · #72C5F9 · #0869E8 · #005155 · #150E44
A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#FBEFE6): a clean, paper-quiet neutral.
- Sky (#72C5F9): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#0869E8): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Forest (#005155): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#150E44): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.
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
- Dusty Grove color palette (#FEEEE6, #76C9E1, #0079B3, #005249, #021543)
- Muted Cornflower color palette (#FFF1F6, #8DD5FF, #3089FD, #007275, #29276C)
- Worn Ultramarine Lantern color palette (#E6DED6, #73A2C6, #234EB5, #00383E, #0B012A)
- Azure Quarry color palette (#E2FBFA, #D4DCEF, #19A1F9, #006E8A, #00244B)
- Antique Dune color palette (#F6F1EC, #C4E7EC, #899BCB, #337682, #452E3A)
- Patina Alley color palette (#EADED7, #21888C, #004353, #002113, #000103)
- Hushed Cerulean Courtyard color palette (#F7F0EC, #CAE5CA, #249DB7, #196F47, #143329)
- Amber Station color palette (#FFEAD5, #BE7100, #007CA9, #6E3F00, #001925)
Browse the whole catalog at Explore, or see today's palette.