Tempered Cobalt color palette — #F8F5EF · #BFE7D7 · #518ECC · #006F7D · #554052
A conversation between Cerulean and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F8F5EF): a clean, paper-quiet neutral.
- Celadon Mist (#BFE7D7): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#518ECC): A luminous, balanced blue — the color of deep harbor water.
- Teal (#006F7D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#554052): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Hushed Thicket color palette (#F8F4EE, #C5E6CD, #3197B6, #007266, #2A5144)
- Cerulean Loft color palette (#F9F0E8, #BDE7D5, #6C8EC7, #276B63, #3D2231)
- Cobalt Field color palette (#FAF4EB, #9AD8F7, #0085D2, #00656E, #233F6D)
- Ash Canyon color palette (#FDF2F6, #C7EBFF, #8AA5D5, #488780, #3F4663)
- Washed Cerulean Quarry color palette (#F3EDE3, #308DA6, #00425D, #002222, #000A18)
- Hushed Basin color palette (#E9DFD1, #54AEB6, #006275, #003F35, #002333)
- Hazy Field color palette (#FFF3E8, #D08F5A, #2A92D2, #965100, #1B4C3F)
- Petrol Canyon color palette (#FDF4E5, #6CC9CB, #007C8D, #005845, #00394B)
Browse the whole catalog at Explore, or see today's palette.