Tempered Cobalt color palette — #EEF6FF · #8FBAF3 · #D99072 · #5482BE · #64331F
Cerulean and Camel set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Sky (#8FBAF3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Camel (#D99072): A luminous, balanced orange — the color of toasted spice.
- Cerulean (#5482BE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#64331F): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Trust, Stability, Optimism, Balance. Tagged warm.
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
- Linen Villa color palette (#E8F8FF, #59CADB, #DF8D6C, #0091A1, #603524)
- Hazy Cobalt color palette (#EFF6FF, #92B9F8, #BEA252, #4F7FCE, #274C34)
- Linen Mustard color palette (#E8FAF3, #A7DCFF, #E4B24F, #2C93CB, #4A3405)
- Sunlit Periwinkle Quarry color palette (#EEF6FF, #60ABEE, #CC8646, #A3803B, #253A4E)
- Chalky Ultramarine Parlor color palette (#D5E6FF, #86AEFF, #A48900, #003FE2, #382D00)
- Hushed Alley color palette (#EDF6FF, #DCD7E8, #F1B6C8, #569FAA, #3C4A5F)
- Pewter Orchard color palette (#F1F5FF, #BDCB9C, #6A6D9A, #37415C, #1D212D)
- Timeworn Emerald color palette (#E8FAF3, #6AA8CD, #5E9C50, #006E9B, #294D20)
Browse the whole catalog at Explore, or see today's palette.