Tempered Cobalt color palette — #EEE4D5 · #65C0D8 · #007FAD · #005958 · #00213C

Cerulean and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#EEE4D5): A whisper-light, dusty gold — the color of old brass.
• Cyan (#65C0D8): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#007FAD): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005958): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#00213C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Washed Sapphire Hollow color palette (#F7EFE2, #71B8F5, #366FD6, #00566B, #171A41)
• Wandering Cerulean Orchard color palette (#E8FAF7, #A6D3EA, #0087AB, #005056, #000F18)
• Tempered Denim Market color palette (#F0E4DD, #68AABC, #005D8B, #003F37, #051C47)
• Misty Azure Summit color palette (#ECE2E8, #99C7DF, #009CE3, #007E70, #001950)
• Seafoam Lagoon color palette (#FCF4E7, #60E2DC, #009FAD, #007555, #003948)
• Azure Meadow color palette (#FBF4E9, #A5E6FF, #34A5E6, #008286, #214167)
• Dusty Aqua color palette (#DEE8D6, #00D5D5, #00ACD3, #3C7447, #142A0C)
• Wandering Teal Harbor color palette (#D0EFE5, #00B398, #007764, #00392E, #000F0C)

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