Tempered Cobalt color palette — #FCEEE9 · #B1DCC0 · #2C8AC7 · #006549 · #16204E

A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.

The five colors

• Cream (#FCEEE9): bright and airy, almost weightless.
• Pistachio (#B1DCC0): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#2C8AC7): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006549): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#16204E): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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 Alley color palette (#FCEFE4, #A3D7FA, #537CE4, #00625E, #2A1550)
• Cerulean Corridor color palette (#FAF4EC, #97DBE7, #008CB2, #00675F, #0B4465)
• Linen Onyx Lagoon color palette (#FBEFE9, #70CADF, #0078B9, #00543D, #0C0059)
• Wandering Cypress color palette (#F7F0EC, #C7E5E5, #7E9ECB, #007C6E, #452E3B)
• Weathered Teal Parlor color palette (#DEF3E6, #00B89D, #008089, #004B64, #00234A)
• Powdered Azure Canyon color palette (#FBF2F9, #9BEAF7, #00A7EE, #00875B, #2D3E68)
• Weathered Denim color palette (#F1E1DB, #4997A1, #005070, #002E19, #00011B)
• Washed Navy Cabin color palette (#EAE2DB, #4D7F9E, #102798, #001F1E, #020008)

Browse the whole catalog at Explore, or see today's palette.