Tempered Sapphire Harbor color palette — #F0F6FD · #DBD7E4 · #BAB9D4 · #136AC0 · #36414D
A conversation between Royal Blue and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F6FD): a clean, paper-quiet neutral.
- Silver (#DBD7E4): a clean, paper-quiet neutral.
- Ash (#BAB9D4): A luminous, dusty violet — the color of a velvet chair.
- Royal Blue (#136AC0): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#36414D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Tempered 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
- Petrol Pier color palette (#EFF7F9, #D5DAE9, #B0BDD0, #007884, #274450)
- Timeworn Cobalt Terrace color palette (#F6F0F5, #E8D1D5, #D1B6C6, #3A68B9, #2C202B)
- Patina Pewter Canyon color palette (#F4F5FB, #DFD8DF, #C9BBC2, #7B67A5, #464750)
- Wandering Nightshade color palette (#EBEFF5, #C8CBDA, #A19DB4, #2A4DA6, #252E3C)
- Obsidian Parlor color palette (#DDE2F0, #614BD5, #381F3E, #151234, #090816)
- Gentle Market color palette (#D6F1FF, #8CA7CD, #906CA8, #5E6300, #00543A)
- Antique Periwinkle Coast color palette (#FAF2FA, #EED5D7, #D7BCB7, #6EA8EB, #483B49)
- Tempered Villa color palette (#F1F5FF, #736DD5, #802F94, #4D3E00, #003648)
Browse the whole catalog at Explore, or see today's palette.