Tempered Cobalt color palette — #D1E7FF · #FFA578 · #0081DD · #00508B · #001023
Built around Azure, softened by Melon — the whole palette hums with trust and stability.
The five colors
- Frost (#D1E7FF): A whisper-light, dusty blue — the color of deep harbor water.
- Melon (#FFA578): A luminous, balanced orange — the color of autumn markets.
- Azure (#0081DD): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Peacock (#00508B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#001023): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged luxury, dark, cool.
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
- Misty Mallow color palette (#D4E8F6, #FF9DB8, #008BB6, #005672, #00121B)
- Sunlit Garden color palette (#D9E5FA, #E1BC00, #476EFF, #31488F, #040F23)
- Aged Iris color palette (#EAEEF9, #B4D592, #787ADF, #4F527A, #111621)
- Sunlit Archive color palette (#D0ECE2, #D6A200, #00618F, #00324C, #00140E)
- Hushed Honey Lantern color palette (#EDF7FF, #F3B913, #005F8B, #002134, #000103)
- Aged Thicket color palette (#F1F5FD, #E2D5E9, #D8B5CF, #6B94F5, #2A3342)
- Lapis Delta color palette (#E0E7FC, #58BF6F, #5F53C2, #343164, #010111)
- Dusty Periwinkle color palette (#F0F6FD, #FECFE1, #7CA0D4, #5E6E84, #252C35)
Browse the whole catalog at Explore, or see today's palette.