Tempered Cobalt color palette — #F4F7EC · #98D5F7 · #0082C3 · #004F61 · #000D1E

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

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Sky (#98D5F7): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0082C3): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#004F61): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000D1E): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Ancient Lagoon Atelier color palette (#F6F7E4, #9DD9D5, #008B90, #005345, #001012)
• Aged Denim Atelier color palette (#D4E3E2, #75A6C1, #005C8E, #003C4A, #00203E)
• Patina Teal Coast color palette (#F6F6E7, #B9EADA, #00A6AB, #006C5A, #002428)
• Muted Sky color palette (#F3F7ED, #D9D5E1, #64B4FF, #0082A7, #123461)
• Wandering Meadow color palette (#E3E7D6, #63ADCD, #005B83, #002A32, #000103)
• Hushed Moss color palette (#F4EFD1, #8A9D00, #0088A1, #495400, #00090D)
• Tempered Azure Loft color palette (#EADED5, #9CCCB9, #5A94DE, #007C7F, #161054)
• Pale Olive color palette (#D3EBB9, #5E8A00, #007B7A, #7C4500, #010200)

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