Tempered Cobalt color palette — #E7FCEB · #00C5D4 · #1580DA · #593D8E · #012A05
Azure and Plum set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E7FCEB): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#00C5D4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Azure (#1580DA): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Plum (#593D8E): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Forest (#012A05): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Creativity, 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
- Soft Indigo color palette (#E2FDEF, #00B6E9, #5B6CCC, #61356C, #002217)
- Sunlit Mint color palette (#EFFAE3, #00CD96, #008DA5, #2A49A1, #1F2500)
- Powder Ridge color palette (#E4FBF4, #7AC2FF, #8F7CC4, #824467, #153319)
- Weathered Ultramarine Summit color palette (#DEFEEC, #00A2C6, #3759C1, #51146E, #001107)
- Antique Azure color palette (#E3FAFF, #67DCFF, #00A5D9, #00668E, #00324F)
- Sky Workshop color palette (#F4F7EA, #D9D6E3, #61B7F3, #00849F, #173755)
- Aged Cerulean color palette (#DEFFE4, #00A5B0, #014351, #051B0A, #000200)
- Powdered Ultramarine color palette (#E0F7FC, #00978E, #4844C1, #6D002C, #1E1800)
Browse the whole catalog at Explore, or see today's palette.