Tempered Sapphire color palette — #FFF1F7 · #7DC0EA · #0065E3 · #005559 · #2B2867
A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Sky (#7DC0EA): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#0065E3): A full-bodied, vivid blue — the color of deep harbor water.
- Peacock (#005559): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Navy (#2B2867): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.
Use it as a design system
One click turns Tempered Sapphire 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
- Muted Canyon color palette (#FFF0F9, #64C7E2, #0075AD, #00574D, #0D2E6D)
- Hazy Cobalt Coast color palette (#EFF4E4, #6AC6FF, #0076C0, #004E64, #00193A)
- Wandering Ultramarine Canyon color palette (#F6E5EB, #71A5CC, #1548C4, #003D43, #1D1546)
- Dusty Basin color palette (#E0FCFA, #90D4FF, #0592E7, #006E8A, #033263)
- Timeworn Atelier color palette (#C7EDEE, #00AAC1, #006793, #00487D, #222473)
- Powdered Wisteria color palette (#EDF6FF, #BBC2FF, #CF84EA, #006A75, #223D65)
- Periwinkle Corridor color palette (#E4EEFF, #3D98FE, #0054A8, #002E5B, #00193F)
- Sunlit Lantern color palette (#FCF4E8, #B2E1FF, #65AFFF, #0094A9, #182B6E)
Browse the whole catalog at Explore, or see today's palette.