Tempered Cobalt color palette — #FDF3ED · #9ED5EA · #2480C0 · #00524C · #010531
A conversation between Cerulean and Ink, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FDF3ED): a clean, paper-quiet neutral.
- Powder Blue (#9ED5EA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#2480C0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00524C): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#010531): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Ultramarine Field color palette (#F7ECE2, #91BCDF, #2E5AD5, #003D44, #030011)
- Aged Corridor color palette (#FDF3EB, #C7F0E1, #6291E0, #00696F, #1A1349)
- Washed Azure Pier color palette (#DAECEA, #90CADE, #009FD2, #007B88, #002235)
- Softworn Turquoise Lagoon color palette (#E9ECDE, #2DACCF, #006181, #00383F, #000C17)
- Pale Violet color palette (#E4DBFF, #865FCF, #796C00, #495E00, #02000A)
- Dusty Quarry color palette (#FFF0F9, #FFD1DF, #F887A7, #0074C3, #16012A)
- Hushed Sky Loft color palette (#FFF2EA, #D7D6E4, #66B4FF, #008884, #232F67)
- Linen Lapis Orchard color palette (#CBE6F8, #5191F1, #4D37DA, #49008B, #170020)
Browse the whole catalog at Explore, or see today's palette.