Tempered Harbor color palette — #F4F7ED · #BFE7D7 · #5C90B9 · #136C85 · #2F4967

Peacock takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F4F7ED): a clean, paper-quiet neutral.
• Celadon Mist (#BFE7D7): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#5C90B9): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#136C85): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2F4967): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Cerulean Delta color palette (#F6F1EC, #C5E5D8, #6A8FC3, #006C6F, #3D2135)
• Aged Cabin color palette (#EEF9EB, #45B4A5, #7D81CC, #00766A, #3B3D69)
• Denim Boulevard color palette (#EDEEDD, #67ABB2, #006270, #003E3B, #00242D)
• Ancient Quarry color palette (#EDF8F7, #D4DCF3, #80C5FB, #48A5C2, #37495D)
• Washed Abyss Dune color palette (#E6E9D9, #508A9C, #004359, #002226, #000B14)
• Sunlit Navy color palette (#E7EDDC, #6394C0, #00488E, #002D40, #000C3E)
• Lagoon Orchard color palette (#F6F6EE, #B2CEB0, #1E888D, #006153, #00434B)
• Softworn Petrol Loft color palette (#EDF0E6, #87B7DC, #1D6BAF, #004C64, #162D51)

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