Tempered Harbor color palette — #E7F1E9 · #4297A9 · #00516B · #002C29 · #00050C

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#E7F1E9): bright and airy, almost weightless.
• Cerulean (#4297A9): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00516B): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#002C29): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#00050C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Denim Coast color palette (#D4E3D7, #64A6C5, #005C94, #00393E, #000823)
• Tempered Navy Loft color palette (#E2F2E5, #4A7DA9, #093582, #001E27, #01000B)
• Petrol Garden color palette (#E0EDE2, #7BC0CB, #007794, #004C44, #001827)
• Tempered Bloom color palette (#EAF5EC, #9DDDDE, #0093A7, #00644F, #002938)
• Pale Pine color palette (#D3EBDD, #87A74B, #098C5A, #4F3500, #050600)
• Charred Olive color palette (#EFF2D0, #717000, #3A3900, #0F1100, #010100)
• Gentle Nightshade Cabin color palette (#CCEBD8, #6B5A00, #4227AE, #322900, #020013)
• Obsidian Chapel color palette (#E7E5C8, #514B00, #004559, #56003E, #010100)

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