Tempered Cobalt Harbor color palette — #FBEFE7 · #A8D3BC · #4C80B4 · #005D4B · #1A1C3D

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FBEFE7): bright and airy, almost weightless.
• Pistachio (#A8D3BC): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#4C80B4): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005D4B): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#1A1C3D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Cobalt Harbor 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

• Cobalt Veranda color palette (#F7F0EA, #9BCFF2, #5D78C1, #005B59, #341424)
• Dusty Quarry color palette (#F4F6ED, #AACFBB, #3282A5, #005E69, #173E57)
• Sunlit Aqua Delta color palette (#FFEEE6, #37D1E3, #007BAC, #005534, #000F4F)
• Washed Turquoise Hollow color palette (#EEF8F0, #D6D6E5, #6BAFDA, #237D80, #152F4D)
• Chalky Veranda color palette (#F8D9ED, #787BFF, #416A00, #006040, #22091B)
• Ancient Navy color palette (#F4E5DB, #0084AC, #00397A, #00201B, #01000A)
• Weathered Grove color palette (#FFEBF8, #FDC6FE, #F39E95, #356F91, #311722)
• Tempered Denim color palette (#F0E4D9, #5FA6CA, #2B559F, #003A34, #0D002A)

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