Tempered Cobalt color palette — #F4F7EB · #92D7F0 · #0085B2 · #00505A · #000E1A
A conversation between Cerulean and Ice Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F7EB): a clean, paper-quiet neutral.
- Ice Blue (#92D7F0): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#0085B2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00505A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000E1A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Weathered Parlor color palette (#C7EAEE, #00A3B9, #00748A, #003A4D, #00101A)
- Soft Byzantium color palette (#C5E6FF, #0082C3, #8C38C6, #006352, #000204)
- Hushed Sapphire Ridge color palette (#EBF1DF, #87BDEC, #0066C1, #003A51, #000110)
- Powder Summit color palette (#D9FFF2, #DEDEF9, #9AB1FF, #006D90, #000D1E)
- Weathered Harbor color palette (#CDFAE4, #00A0CD, #AF49B5, #00566F, #120014)
- Azure Harbor color palette (#F3F7EA, #CDEAFF, #4597E0, #006583, #011D43)
- Hushed Denim Veranda color palette (#DFE2D4, #5FAFC5, #005E79, #002B2F, #000103)
- Dusty Sky color palette (#F4F7EB, #D8D6E4, #5DB9EF, #00849B, #00385C)
Browse the whole catalog at Explore, or see today's palette.