Tempered Cobalt color palette — #FFF4E2 · #9CD2FF · #3F78D1 · #004F60 · #06062A
A conversation between Azure and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sky (#9CD2FF): A whisper-light, balanced blue — the color of deep harbor water.
- Azure (#3F78D1): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#004F60): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#06062A): A deep, shadowed, dusty 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
- Washed Cerulean Studio color palette (#FFF4E2, #74DDF2, #0086AD, #00524C, #000E1B)
- Sunlit Iris Station color palette (#E9DFD4, #90C7F1, #628EEB, #007B86, #1E0F4F)
- Soft Ultramarine Workshop color palette (#F4E6EA, #75A2C6, #2B4EB1, #00383F, #0C002B)
- Aged Studio color palette (#FDF4E6, #A1F6FC, #00A3BF, #006C5A, #002231)
- Sunlit Basin color palette (#FCF1FF, #FFCDEE, #F398A7, #7064A9, #260825)
- Faded Byzantium Studio color palette (#F2D5FF, #AF2DDD, #906000, #006162, #040006)
- Antique Turquoise Balcony color palette (#FAF4EC, #D3D8EA, #3DB5E0, #0A8077, #00372C)
- Antique Amethyst color palette (#E0E3F1, #997FFF, #7F32DB, #480063, #170016)
Browse the whole catalog at Explore, or see today's palette.