Tempered Cobalt color palette — #F2E7DF · #7FBBD6 · #0077CC · #005957 · #10164F

Royal Blue takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#F2E7DF): a clean, paper-quiet neutral.
• Sky (#7FBBD6): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#0077CC): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005957): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#10164F): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Petrol Veranda color palette (#F1E0D7, #76C0C4, #0081A1, #005C41, #002139)
• Chalky Hollow color palette (#FDF2F7, #93D6F6, #007CD8, #005150, #05052D)
• Softworn Lantern color palette (#F7ECE1, #A5C9EA, #6C83C5, #006A78, #2E2650)
• Washed Denim color palette (#D6E3E2, #80A4BC, #005D8A, #003C49, #00213B)
• Dusty Cerulean Lantern color palette (#FFF2EC, #7CDDE4, #009BC2, #007556, #00355A)
• Periwinkle Drift color palette (#E9F3DF, #85CCD7, #5EA2EC, #397429, #002B2B)
• Periwinkle Garden color palette (#FFF3E9, #B3E2FF, #5F9CF1, #008286, #373A68)
• Antique Teal Coast color palette (#CCE5E3, #00B0AA, #00746E, #003C39, #000A08)

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