Tempered Harbor color palette — #F6F1E9 · #C6E6C9 · #369CB2 · #016E5B · #0C3426

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6F1E9): bright and airy, almost weightless.
• Celadon Mist (#C6E6C9): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#369CB2): A luminous, balanced blue — the color of open sky before noon.
• Pine (#016E5B): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#0C3426): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Washed Cerulean color palette (#F5F1EB, #C2E6D5, #5694C3, #006B73, #372537)
• Worn Cobalt Grove color palette (#F6F1EA, #ACD2BB, #0087B6, #005B59, #002720)
• Tempered Cerulean color palette (#ECE1D1, #3D98A8, #005169, #002C28, #00050B)
• Turquoise Balcony color palette (#EEF8F0, #BBEEFF, #69B1C3, #488878, #314B5C)
• Chalky Lantern color palette (#F9F1E3, #55CCF1, #007AAE, #005153, #001A37)
• Ancient Peony color palette (#FFEDEE, #BC6BB4, #9A7B00, #007989, #2F161A)
• Dusty Lantern color palette (#F6EDE0, #427EAD, #003682, #001E26, #01000B)
• Patina Stone color palette (#FFEDEF, #E7D3C5, #E5B893, #887299, #402628)

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