Tempered Cobalt color palette — #FDF4E6 · #B1D9C1 · #008ABC · #006665 · #07426F

Cerulean and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF4E6): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#B1D9C1): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#008ABC): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#006665): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#07426F): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, 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

• Dusty Cobalt Courtyard color palette (#FBF4E9, #A8D3FB, #527ECA, #00637A, #313779)
• Ancient Pier color palette (#FAEFE9, #A3DAE9, #0089D7, #00654C, #191F4E)
• Petrol Courtyard color palette (#FCF4E8, #79C3DF, #0076AC, #005558, #003265)
• Aged Azure color palette (#FFF0F9, #A3E7FA, #19A3FB, #008666, #333C67)
• Washed Petrol color palette (#F8F4EE, #C9E7E8, #7B9DC0, #007D8C, #63485F)
• Faded Grove color palette (#ECF9EE, #B8EFFF, #52C4FB, #00A6A3, #0E426C)
• Denim Coast color palette (#F3EDE3, #729A80, #00516B, #00302D, #001527)
• Aged Workshop color palette (#F4EBDE, #5A85AB, #0A3682, #00212A, #05002C)

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