Tempered Cerulean Harbor color palette — #FAF4EF · #C7E4D8 · #648DBF · #007072 · #5C3C53

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

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Silver (#C7E4D8): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#648DBF): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007072): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#5C3C53): A full-bodied, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Muted Cypress color palette (#FCF3EE, #D0E2D2, #3A97B5, #007453, #274B68)
• Cerulean Study color palette (#EBF4F3, #C7E0F3, #4795CC, #19687D, #1B2E41)
• Antique Cobalt Archive color palette (#FFF1F6, #ECD5CB, #E4AFB2, #667FB9, #603D44)
• Worn Villa color palette (#FDF2F7, #D4E1F9, #9EC0EC, #5AA7A8, #3B4762)
• Abyss Bloom color palette (#EEDFD6, #4F8A9A, #004161, #00231E, #000622)
• Worn Courtyard color palette (#EFE4DF, #6CABB0, #00617B, #00402D, #00213A)
• Dusty Olive color palette (#FFF1F5, #A073B9, #867E16, #387B21, #4B2E37)
• Petrol Alley color palette (#FFF2EC, #73C8C7, #007B91, #005936, #003752)

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