Tempered Cobalt color palette — #FDF4E6 · #99D4FD · #317AD2 · #004F5D · #040430
Built around Azure, softened by Ink — the whole palette hums with trust and stability.
The five colors
- Ivory (#FDF4E6): A whisper-light, dusty gold — the color of honey in a jar.
- Sky (#99D4FD): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Azure (#317AD2): 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 (#040430): 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
- Wandering Cerulean color palette (#FCF4E8, #9BD8E1, #0087A8, #00524A, #000E1A)
- Powdered Veranda color palette (#DEE6E0, #6EA6CD, #0055A8, #003C48, #111A46)
- Ancient Garden color palette (#FAF4EB, #B1F4F4, #00A4BA, #006C56, #00222F)
- Iris Drift color palette (#EFE3D7, #9ECBBC, #6C8BED, #007D7B, #270B4A)
- Weathered Ridge color palette (#FBF4EA, #C5E4F8, #7FAEFF, #0083A1, #2A2F60)
- Denim Lagoon color palette (#F1E8DA, #68ABD1, #005697, #002A31, #00000C)
- Amber Alley color palette (#FFEAD6, #DF8822, #0073B0, #704000, #000813)
- Feathered Aubergine Basin color palette (#FFDAAF, #A76B00, #007B77, #703194, #030100)
Browse the whole catalog at Explore, or see today's palette.