Tempered Sapphire color palette — #F2E7DD · #8EBFAF · #4B63BD · #004B4A · #1B0934
Royal Blue and Deep Indigo set the tone — five colors that lean into creativity and calm.
The five colors
- Parchment (#F2E7DD): a clean, paper-quiet neutral.
- Mint Leaf (#8EBFAF): A luminous, dusty teal — the color of shallow lagoons.
- Royal Blue (#4B63BD): A full-bodied, balanced violet — the color of wild irises.
- Forest (#004B4A): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#1B0934): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, 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
- Frosted Sapphire color palette (#FFEEE1, #84C4EE, #4267D8, #00524F, #210347)
- Washed Petrol Archive color palette (#F3E6E1, #A0BCA3, #00759A, #004F26, #001436)
- Muted Denim color palette (#FAEAE5, #5FAAB3, #006086, #003C22, #00042D)
- Patina Cobalt color palette (#FBEFEA, #9EDCE5, #008DC7, #006641, #0B1F55)
- Hazy Amethyst color palette (#E8EAD2, #599040, #714EC9, #235400, #16003A)
- Weathered Cornflower color palette (#EEF8F0, #D5DEFB, #4F92EB, #00677A, #0F164B)
- Lagoon Cabin color palette (#F1DED8, #408587, #004257, #00210A, #000105)
- Aged Alley color palette (#F6F1EC, #C9E2E6, #8F99CA, #007A7F, #482C37)
Browse the whole catalog at Explore, or see today's palette.