Tempered Cobalt color palette — #FFF0F8 · #00C497 · #168BD6 · #893800 · #003E3F

Azure takes the lead with Jade close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Jade (#00C497): A luminous, balanced teal — the color of shallow lagoons.
• Azure (#168BD6): A luminous, balanced blue — the color of deep harbor water.
• Burnt Sienna (#893800): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Teal (#003E3F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, 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

• Sapphire Corridor color palette (#FFF1F6, #00C1B4, #2B71FE, #824C00, #003D48)
• Washed Alley color palette (#FEF0FF, #6CC051, #008CA3, #A12041, #083F2F)
• Feathered Sapphire Terrace color palette (#FBD0E1, #00AA90, #0069C0, #6B3A00, #002935)
• Ancient Station color palette (#E7FBEF, #5EC2CE, #7C7EC5, #706321, #294050)
• Tempered Garnet Lagoon color palette (#FFF4E2, #00A0A1, #006893, #7D133A, #003D46)
• Wandering Byzantium Chapel color palette (#C2F1E1, #00A7D6, #8D2EE2, #455500, #002854)
• Dusty Ultramarine color palette (#E4F2E6, #009295, #393AD0, #493400, #001923)
• Violet Lantern color palette (#D5FFFB, #0AD8EF, #00ACE2, #8C5FC7, #003D49)

Browse the whole catalog at Explore, or see today's palette.