Tempered Sapphire Harbor color palette — #CDECF7 · #01A0EC · #2564C0 · #44428A · #42385E
Royal Blue and Cornflower set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#CDECF7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cornflower (#01A0EC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#2564C0): A full-bodied, balanced blue — the color of deep harbor water.
- Indigo (#44428A): A full-bodied, balanced violet — the color of wild irises.
- Navy (#42385E): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Balance. Tagged cool.
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
- Sunlit Indigo Basin color palette (#C5E6FB, #83BEFA, #649BFF, #5669D9, #3D3666)
- Gentle Turquoise Terrace color palette (#D1E4E3, #00A5BF, #007EA0, #004B7F, #27385F)
- Washed Periwinkle color palette (#C8E6FF, #7FA5FB, #6769BB, #644F86, #603842)
- Frosted Orchard color palette (#F1F2FF, #8B92F0, #5D52B0, #332D70, #1A1847)
- Weathered Garden color palette (#FDE7F7, #7285E3, #A46B00, #434F96, #4B2F00)
- Dusty Nightshade Courtyard color palette (#C2E4FA, #007EDF, #252BC0, #38087D, #311041)
- Hushed Byzantium Field color palette (#DDE3F8, #947CEB, #8A4EB6, #612E65, #53263F)
- Washed Loft color palette (#FFF0FD, #F3CFEA, #D796BE, #3E7A94, #563A4A)
Browse the whole catalog at Explore, or see today's palette.