Tempered Harbor color palette — #EEE4D6 · #4089AF · #003E6D · #002227 · #00022D

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

The five colors

• Parchment (#EEE4D6): A whisper-light, dusty gold — the color of honey in a jar.
• Cerulean (#4089AF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003E6D): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#002227): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00022D): A deep, shadowed, balanced violet — the color of wild irises.

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

• Navy Garden color palette (#F2E8DA, #3698D4, #00488F, #002E38, #070D38)
• Lagoon Field color palette (#F2EBE0, #17928F, #00454C, #002318, #000B11)
• Antique Cobalt Grove color palette (#E5F1F0, #80A5C1, #007BBC, #005A6F, #000919)
• Muted Chapel color palette (#F6EDE0, #77C0C0, #007585, #00523F, #003344)
• Cobalt Station color palette (#FDF4E6, #A3D4FF, #497DD4, #006379, #353C65)
• Charred Mulberry color palette (#F9D5D0, #950051, #004A3E, #410020, #000806)
• Ember Basin color palette (#FFE3DD, #D56B5F, #A25F1B, #591B48, #240600)
• Obsidian Chestnut Coast color palette (#E9DED2, #745200, #412400, #210800, #050300)

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