Tempered Harbor color palette — #FDF3ED · #B7DFCB · #6298D9 · #007E6C · #353462

Built around Cornflower, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Celadon Mist (#B7DFCB): A whisper-light, dusty teal — the color of sea glass.
• Cornflower (#6298D9): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007E6C): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#353462): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Wandering Quarry color palette (#FBF4ED, #C1E7EC, #96A1D5, #008C90, #4E3F63)
• Antique Navy color palette (#FFF2EC, #95D8E2, #0097D4, #00764D, #0B267D)
• Cobalt Workshop color palette (#EEF8F0, #A7CBE0, #2E80B2, #005F63, #233C58)
• Dusty Denim Alley color palette (#CFEEE1, #34BABC, #0097B2, #0061A1, #263869)
• Muted Amber Boulevard color palette (#E1F4E9, #53B7D4, #D67B1D, #007E9A, #522A00)
• Cobalt Thicket color palette (#F7EEE8, #87B8D9, #5470BE, #005957, #241145)
• Aged Quarry color palette (#E8DCD3, #689AB3, #2655A0, #003C36, #0A0027)
• Cobalt Pier color palette (#ECF6FF, #7EC4F2, #008CD4, #005485, #002539)

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