Tempered Cobalt color palette — #E9F8FF · #00BAD4 · #4473C9 · #602E80 · #002213
Sapphire and Royal Purple set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E9F8FF): a clean, paper-quiet neutral.
- Cyan (#00BAD4): A luminous, balanced blue — the color of deep harbor water.
- Sapphire (#4473C9): A full-bodied, balanced violet — the color of twilight just after sunset.
- Royal Purple (#602E80): A full-bodied, balanced violet — the color of wild irises.
- Ink (#002213): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Cobalt 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
- Quiet Nightshade color palette (#E6F9FD, #00C0AF, #0080B2, #463890, #062200)
- Indigo Villa color palette (#EDF7FF, #33B0FC, #725EDB, #73236C, #38040D)
- Worn Field color palette (#EEF6FF, #5EA9FF, #8A59C4, #7C2052, #002023)
- Iris Boulevard color palette (#ECF7FF, #55C9FE, #7880D8, #7C4182, #471A23)
- Softworn Amethyst color palette (#EDF7FF, #00A5EC, #7821F7, #720051, #001618)
- Airy Garnet color palette (#E7F1E1, #009079, #404F90, #620728, #171400)
- Worn Pier color palette (#EBF8F7, #D4DEEA, #25B4EB, #007D8B, #02324B)
- Ash Station color palette (#E9F8FF, #AED6F0, #79A0C5, #77618A, #3A344B)
Browse the whole catalog at Explore, or see today's palette.