Tempered Cobalt Harbor color palette — #FCF3ED · #A7D0BC · #4A7CAC · #00605D · #4D2E47

Slate and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Pistachio (#A7D0BC): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#4A7CAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00605D): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#4D2E47): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Aged Summit color palette (#FDF3EE, #B0CEB2, #31849B, #0A6243, #113E5C)
• Petrol Dune color palette (#FAF4ED, #BDE7DB, #7688BD, #006E7E, #5F3B4E)
• Softworn Cornflower Canyon color palette (#FFF3E6, #ACD4F3, #507BD8, #00656E, #3C3572)
• Hushed Cobalt Parlor color palette (#EAF4F3, #AFCCDE, #1F85B5, #005967, #00233A)
• Powdered Plum color palette (#FFDBD5, #B75476, #007F67, #006174, #431D2A)
• Antique Sky Study color palette (#FDF1F7, #B6E9FF, #6BB8FF, #04A09A, #2C3A56)
• Abyss Grove color palette (#F0DACF, #569CA1, #005267, #003121, #001527)
• Timeworn Pier color palette (#FBF3EF, #C9E9E7, #72A596, #5D7755, #614A5E)

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