Tempered Cobalt color palette — #EEF6FF · #92B5EE · #3F77CA · #10467E · #162F4D
Azure and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Sky (#92B5EE): A luminous, balanced blue — the color of deep harbor water.
- Azure (#3F77CA): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#10467E): A deep, shadowed, balanced blue — the color of open sky before noon.
- Navy (#162F4D): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, 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
- Patina Periwinkle Harbor color palette (#FEF0FF, #C0DCFF, #77B1EF, #5686BB, #163156)
- Powdered Indigo color palette (#F2F5FF, #B8AFF2, #7866C1, #423B80, #2E2A4E)
- Petrol Alley color palette (#EAF8FF, #67C4DF, #007F99, #004C64, #003142)
- Aged Azure Study color palette (#EFF6FF, #A8CFFF, #6297D6, #335B8C, #132D4C)
- Hushed Denim Balcony color palette (#F2F5FC, #A6A8E3, #AA5130, #5653A6, #2F1E29)
- Frosted Iris color palette (#EFF6FF, #6990E2, #586900, #0C6249, #273347)
- Worn Shell Atelier color palette (#EDF7FF, #DCD7EB, #F0B3D0, #42848D, #3E4C5F)
- Aged Archive color palette (#F1F5FF, #B0B37C, #454692, #27294F, #1E1A28)
Browse the whole catalog at Explore, or see today's palette.