Tempered Cobalt color palette — #FFF0F7 · #85C1DF · #066EC8 · #005656 · #232770

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

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Sky (#85C1DF): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#066EC8): A full-bodied, vivid blue — the color of deep harbor water.
• Peacock (#005656): A full-bodied, dusty teal — the color of sea glass.
• Navy (#232770): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Weathered Petrol color palette (#FFF0FB, #7CC6CD, #00799A, #005841, #00355B)
• Timeworn Dune color palette (#F0F5E1, #88C5E3, #0079B2, #004F5F, #001B33)
• Chalky Azure color palette (#E3FBF9, #92D5F8, #0095DC, #006F85, #00345D)
• Patina Denim Bloom color palette (#F3E2E9, #78A5C2, #2C5696, #003D41, #1A124F)
• Petrol Delta color palette (#F1F7F1, #C7DFF8, #7988B6, #176E7C, #404661)
• Periwinkle Loft color palette (#FEF3EA, #ABE3FF, #66AEFF, #009797, #252C64)
• Misty Amber color palette (#FFDDC7, #C96500, #0077B2, #793B00, #00314D)
• Powdered Bronze Market color palette (#FCECE0, #B16314, #006D94, #00498D, #391B00)

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