Tempered Sapphire color palette — #EBF1E2 · #95BBDD · #0066C0 · #003A51 · #000110
Royal Blue and Deep Teal set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#EBF1E2): A whisper-light, dusty green — the color of fresh herbs.
- Sky (#95BBDD): A luminous, dusty blue — the color of open sky before noon.
- Royal Blue (#0066C0): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Deep Teal (#003A51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000110): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
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
- Softworn Thicket color palette (#EEF0DE, #7DC3D2, #00738D, #003D40, #000305)
- Dusty Nightshade color palette (#F8E8ED, #4790C8, #1637AF, #002B30, #050019)
- Gentle Grape color palette (#E6F1E6, #00908F, #6B45CF, #004545, #010008)
- Wandering Turquoise color palette (#D7EDEF, #00A8B4, #005961, #001C1F, #000102)
- Cornflower Archive color palette (#EAE2D9, #73B7ED, #4376FF, #006B76, #15013F)
- Turquoise Ridge color palette (#DAF4DE, #6FE4FF, #45ADDC, #006E66, #000405)
- Aged Ultramarine color palette (#D7E9EA, #00767B, #1735E5, #284E00, #000202)
- Hushed Sky Lantern color palette (#F4F7EB, #D8D6E4, #36BBFF, #00859B, #00385C)
Browse the whole catalog at Explore, or see today's palette.