Tempered Cobalt color palette — #FAF4EC · #A8D2F0 · #407BC5 · #004F5D · #040234
A conversation between Azure and Ink, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FAF4EC): bright and airy, almost weightless.
- Powder Blue (#A8D2F0): A whisper-light, dusty blue — the color of open sky before noon.
- Azure (#407BC5): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#004F5D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#040234): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Muted Cerulean color palette (#FCF4E8, #B0D7BA, #0087A8, #00524A, #000E1A)
- Petrol Lantern color palette (#F4EDE2, #85C3C8, #007389, #003F34, #000306)
- Ultramarine Grove color palette (#EAD9DF, #53A5D8, #2D4CB5, #003937, #0E0224)
- Cornflower Dune color palette (#F6EEE6, #93C7EA, #5D8AFF, #007D78, #231343)
- Weathered Hollow color palette (#FCF4E7, #BEEADE, #00A4BA, #006C56, #00222F)
- Muted Periwinkle Archive color palette (#FCF4E9, #DAD5DF, #7FAEFF, #0083A1, #292D67)
- Faded Violet Loft color palette (#EED6FF, #9859BF, #935D00, #00625F, #030007)
- Feathered Pier color palette (#E4EAFD, #8181E7, #742CCF, #58007B, #1E0022)
Browse the whole catalog at Explore, or see today's palette.